精华内容
下载资源
问答
  • css兼容ie9

    2017-12-22 14:47:08
    某些css属性不兼容ie9,引入此js可以解决部分问题,共享资源
  • css 兼容 ie

    千次阅读 2018-09-12 11:30:13
    首先,我在把 ie 浏览器更新到 11 后,在 f12 调试工具中发现一片空白,解决方法如下: 安装补丁: 64位的系统应该使用下面这个补丁:http://www.microsoft.com/en-us/download/details.aspx?id=45154 32位的系统...

    首先,我在把 ie 浏览器更新到 11 后,在 f12 调试工具中发现一片空白,解决方法如下:
    安装补丁:
    64位的系统应该使用下面这个补丁:http://www.microsoft.com/en-us/download/details.aspx?id=45154
    32位的系统应该使用下面这个补丁:http://www.microsoft.com/zh-CN/download/details.aspx?id=45134

    接下来讲解 css 兼容 ie 的方法。

    一、以插件形式的兼容方法

        1、首先去除各浏览器差异,或使用如下插件,或使用自己所编写的 reset.css 文件

        <link href="https://cdn.bootcss.com/normalize/7.0.0/normalize.min.css" rel="stylesheet">

        2、解决 ie9 以下浏览器对 html5 新增标签不识别的问题。

        <!--[if lt IE 9]>
            <script type="text/javascript" src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"> 
            </script>
        <![endif]-->

        3、解决 ie9 以下浏览器不支持 CSS3 Media Query 的问题

        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"> </script>

    二、兼容性书写

        1、兼容前缀

    • -o-transform:rotate(7deg); // Opera

    • -ms-transform:rotate(7deg); // IE

    • -moz-transform:rotate(7deg); // Firefox 

    • -webkit-transform:rotate(7deg); // Chrome 

    • transform:rotate(7deg); // 统一标识语句

        2、解决 Placeholder

        <input type="text" value="Name *" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Name *';}">

        3、解决 IE9 以下浏览器不能使用 opacity

    • opacity: 0.5; 

    • filter: alpha(opacity = 50); 

    • filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50);

        更多兼容性解决方法:http://www.chinaz.com/web/2017/0830/800058.shtml

    三、css hack

        1、条件 hack

        语法:
        <!--[if <keywords> IE <version>]>
            HTML代码块
        <![endif]-->
        注:条件 hack 只在 ie 10 以下有效
        详情:http://www.css88.com/book/css/hack/conditions.htm

        2、属性级 hack

        语法: selector{<hack> property:value<hack> ;}
        eg: *color: #ff0; 或 color: #ff0\9;
        详情:http://www.css88.com/book/css/hack/properties.htm

        3、选择符级 hack

        语法:<hack> selector{ sRules }
        详情:http://www.css88.com/book/css/hack/selectors.htm

        更多css hack 标识符见:https://baike.baidu.com/item/css%20hack/7026361?fr=aladdin

    四、hack 的应用情景及技巧

        https://www.duitang.com/static/csshack.html

    展开全文
  • css兼容ie9-ie11写法

    千次阅读 2019-09-12 11:14:21
    1.普通代码 .aaa{padding:0 10px;} 2.兼容ie9-ie10 ...3.兼容ie10-ie11 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .aaa{padding: 0 6px;} } 亲测有效 ...

    1.普通代码

    .aaa{padding:0 10px;}
    

    2.兼容ie9-ie10

    .aaa{padding:0 6px\9;}
    

    3.兼容ie10-ie11

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
       		.aaa{padding: 0 6px;}
    }
    

    亲测有效

    展开全文
  • require-css 兼容IE respond

    2018-05-16 21:47:01
    根据require-css respond.js 修改而来,使之兼容IE respond(媒体查询) 说明文档参见:github.com/ijiabao/require-css-respond
  • css兼容ie写法

    千次阅读 2018-06-05 17:00:10
    这样就能做到差异化浏览器,来达到兼容浏览器的目的。对此,还有其他hack css的写法。如:color:red;//一般浏览器识别,字体颜色为红color:blue \9;//IE8,IE9及以上版本识别,字体颜色为蓝*color:...
    width:auto;是宽度自动的意思。
    \9是hack css 的一种写法,这种在正常css代码后面加"\9"的方式,只有IE浏览器才能识别,其他浏览器会忽略这条语句。这样就能做到差异化浏览器,来达到兼容浏览器的目的。

    对此,还有其他hack css的写法。如:
    color:red;//一般浏览器识别,字体颜色为红
    color:blue \9;//IE8,IE9及以上版本识别,字体颜色为蓝
    *color:orange;//IE7识别,字体颜色为橘色
    _color:black;//IE6识别,颜色为黑
    顺序不能反过来,因为后面识别的会覆盖前面识别的,例如:IE7能识别带*的写法,也识别正常的写法。如果*的css样式写在前面,正常的写在后面,那么它将识别后面的写法。
    展开全文
  • CSS兼容IE和FireCSS兼容IE和Firefox的技巧集合fox的技巧集合
  • css兼容IE6、IE7、FF的技巧 IE兼容问题 FF兼容问题
  • .CSS 兼容ie6,ie7,ff的fixed
  • CSS兼容IE8代码

    2011-02-23 14:06:41
    IE8的浏览器经验会打乱网页,在网页<head></head>中间加上以下代码,只要IE7的页面兼容IE8就没问题
  • CSS兼容IE和Firefox的技巧集合
  • require-css 兼容IE Respond 根据require-css, respond.js 修改而来,原CSS项目使用@import方式加载时,则IE-Respond.js不生效, 且动态加载css时,respond.js需要重载,否则也不生效。(原项目的respond.js必须在...
  • CSS兼容IE6,IE7,FF的技巧

    2010-03-13 14:55:39
    CSS兼容IE6,IE7,FF的技巧,参考学习之用,很不错。
  • DOCTYPE 影响 CSS 处理
  • CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
  • css兼容IE8

    千次阅读 2009-12-18 08:58:00
    IE6、IE7、Firefox等浏览器的兼容性问题让网页设计师们大伤脑筋,本来网页设计是件很有趣的事情,但是却被这多余兼容工作伤脑筋,特别是让人唾弃的IE6,多少人想让它消失,可是它就是消失不了,微软还说不会停止对IE...

    <meta http-equiv="x-ua-compatible" content="ie=7" />

    IE6、IE7、Firefox等浏览器的兼容性问题让网页设计师们大伤脑筋,本来网页设计是件很有趣的事情,但是却被这多余兼容工作伤脑筋,特别是让人唾弃的IE6,多少人想让它消失,可是它就是消失不了,微软还说不会停止对IE6,真够郁闷的。

          现在呢,IE8正式版已经出来一段时间了,不少网民被微软的Update提示安装上了IE8,这下又给设计师带来了麻烦,还好微软良心发现,把IE8做得比较符合标准,与其他标准浏览器区别不大,可是它还是与其他浏览器有区别的。
          怎么办呢?我一直在用IE7,不想用IE8,电脑里有个绿色版的IE6,还有绿色版的Firefox,对于网页兼容测试,我用IE6、IE7、Firefox三个浏览器测试,因为没安装IE8,所以一直没能测试。

          大家都知道,IE8是有两种解析模式的,一种是IE8 Standard Modes :默认的最标准的模式,严格按照W3C相关规定,一种是IE7 Standards Modes :IE7现在用的解析网页的模式。IE7还算是不错的浏览器,如果让IE8浏览器自动切换到IE7模式,那我们就不用为IE8布局兼容问题烦恼了,而这个开关只有一行代码:

    <meta http-equiv=”X-UA-Compatible” content=”IE=7″>

    在网页的head里加入以上这段代码,用IE8访问时就会自动切换到IE7模式,如果你的网站在IE7下显示正常,那在IE8下也可以正常显示了。加入这段代码会不会影响其它的浏览器呢?不会,X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,所以你就放心使用吧!

          就这样一段代码就可以让你的网站轻松兼容IE8了。

    展开全文
  • CSS兼容IE和Firefox的技巧集合,有了它IE不在是bug 嘿嘿
  • css在排版布局的时候,兼容各种浏览器,需要的朋友可以免费下载
  • CSS完美兼容IE6IE7FF的通用方法
  • CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法 关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一、CSS HACK 以下两种...
  • important来区分处理IE和FF的网页制作者带来了不少问题,Noker也碰到了这个问题,所以翻阅网上资料,了下面这个能够兼容现今大多数主流浏览器,覆盖绝大多数用户的Hack代码!  兼容浏览器版本:IE5.0,IE5.5,IE...
  • div+css IE兼容 IE6文字溢出

    千次阅读 2010-09-14 16:47:00
    div+css IE兼容 IE6文字溢出 IE8 IE7 IE6兼容
  • 目前在做公司网站,检验个浏览器的兼容性,其他都好,唯独ie8以及8以下都不行,但是咯啊办要求兼容ie8,但自己版本是10,在8版本下,样式完全乱了,有没有什么好的办法啊? 之前在360检验时,360有快速模式和兼容...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 137,029
精华内容 54,811
关键字:

css兼容ie10怎么写