区分 ie678 & firefox 的 css
------
区分浏览器的几个准则:
'_'
ie6 可以识别以 '_' 开头的 标记,比如:"_margin-left",而 ie78,firefox 都不能,
'*'
ie6,7 都可以识别 以 '*' 开头的 标记,比如:"*background",而 firefox & chrome & ie8 都不能,
' !important'
该有该后缀的属性 优先级高,
可被 ie78 firefox 识别,
ie6 忽略其优先级 对ie6而言这种属性和其他属性是一样的,因此先后顺序对 ie6 有影响,
多次定义
ie78 firefox 都以最后1个优先级最高的有效属性为准,
ie6 不能区分优先级,仅区分定义顺序,以最后1个定义的属性为准,
------
技巧总结:
区分 ie6:
使用 '_' 开头的标签,
区分 ie7:
使用 '*property:value !important',
使用该属性特别指定 ie7时,应当注意该属性对 ie6也有效,只不过 ie6不区分优先级,因此可以在该属性后,再定义1个 * 或 _ 以专门为 ie6 指定属性值,
区分 firefox:
默认的属性就应当是适用于 firefox 的,然后如果 ie67 不兼容,则用 ie6,ie7 独有的语法来调整,
区分 ie8:
ie8 跟 firefox 差不多,
区分 ie67:
使用 '*',仅有 ie67 支持这个语法,
------
例子:
* 以 background 为例,区分 ie678 firefox:
css 代码:
.div_one {background:red;*background:yellow !important;*background:green;width: 200px;height: 100px;}
或
.div_one {background:red;*background:yellow !important;_background:green;width: 200px;height: 100px;}
分析:
firefox & ie8: 不能识别 * 或 _ ,所以使用 background:red,
ie7: 可以识别 !important,其优先级高,因此使用 *background:yellow !important,
ie6:
可以识别 * ,忽略 !important,因此使用后面的 *background:green,
可以识别 _ ,忽略 !important,因此使用后面的 _background:green,
*
------
分享到:
相关推荐
简单CSShack:区分IE6、IE7、IE8、Firefox、Opera().pdf
区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; 区别FF,IE7,IE6:background:orange...
粗略算一下,目前至少要满足如下的浏览器要求:IE8、IE9、IE10、IE11、Chrome、Firefox,由于360使用的是Chrome内核,所以满足Chrome基本就满足了360。而IE家族真是一个版本一个样,我说IE怎么这么喜欢折腾呢?这给...
针对firefox ie6 ie7 ie8的css样式hack 以前我们大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7以上对!important可以正确解释,会导致页面没按要求显示!搜索了一下,找到了一个针对IE7...
但问题是,为了一句CSS写多一个文件,或者在header上添加注释,那...根据CSS的优先性,上面的写法,分别针对Firefox、IE8、IE7和IE6显示值。让我们看看这个演示: 演示的CSS代码如下: [code] p.ie{ height:60px;text-
复制代码代码如下: .test{ color:/*\**/#00f\9; /* IE8 */ } .test, .test:-moz-any-link{...可同时区分IE8、IE7、IE6、Firefox的CSS hacks: CSS代码 复制代码代码如下: .test{ color:#000; /* Firefox */ color:/*\
技术资料\区分IE6,IE7和firefox的CSS hack-CSS教程.doc
经常网页布局需要兼职多浏览器,所以下面的css hack可以用,但最好少用,不得不用才用
browser-hack-sass-mixins:浏览器hack sass mixin-将SCSS应用于特定的浏览器-CSS hacks:IE,Chrome,Firefox,Edge,Opera
今天把一些常用的CSS Hack整理了一下,包括常用的IE hack以及火狐、Chrome、Opera浏览器的Hack,并把这些CSS Hack综合的一起,写了一个小的浏览器测试器
important 可被FireFox和IE7识别 * 可被IE6、IE7识别 _ 可被IE6识别 *+ 可被IE7识别 IE专用的条件注释 <!–其他浏览器 –> <link rel="stylesheet" type="text/css" href="css.css" /> <!–[if IE 7]> &...
区分出IE6的hack写法1.区别IE6、7与FF/IE8: JavaScript Code复制内容到剪贴板 background:blue;*background:orange;...引用显示效果:IE7/8/FF:greenIE6:blue原理:IE6支持下划线"_",IE7、8和firefox均不支持下划
IE7.0简体中文正式版发布了,对于我等常和网页打交道的人来说... 兼容浏览器版本:IE5.0,IE5.5,IE6.0,IE7.0,Firefox1.5,FireFox2.0 CSS代码:(请注重Hack代码的顺序) 复制代码代码如下: #test{ width:300px
CSS代码中,则可以根据各浏览器自己独立的可识别的特殊代码来编写区分浏览器的... /*Firefox等非IE浏览器背景变蓝色*/ red \9; /*IE8 背景变红色*/ *black; /*IE7 背景变黑色*/ _background:orange; /*IE6 背景变橘色*/
HTML(Hypertext Markup Language)超文本标记语言是表示网页的一种规范... Netscape 的Navigator浏览器、Firefox浏览器 查看“源文件”:点击浏览器“查看”菜单的“源文件”或在页面点击鼠标右键选择“查看源文件”。
IE浏览器不支持,在FireFox中可以看到效果。 看显示效果的时候注意,浏览器的缓冲的问题。 a:link {color:blue; text-decoration: none; font-size:12px} a:visited {color:gray; text-decoration: none; font-size:...
CSS代码中,则可以根据各浏览器自己独立的可识别的特殊代码来编写区分浏览器的... /*Firefox等非IE浏览器背景变蓝色*/ red \9; /*IE8 背景变红色*/ *black; /*IE7 背景变黑色*/ _background:orange; /*IE6 背景变橘色*/