《
CSS在IE6,IE7,FIREFOX中的区别》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302333112013.htm
这样做是为了用!important笼罩本来的css样式,因为:lang挑选器ie7.0并不支持,所以对这句话不会有任何作用,于是也到达了ie6.0下同样的后果,但是很可怜地的是,safari同样不支持此属性,所以须要加入以下css样式:
#item:empty {
background: green !important
}
:empty抉择器为css3的规范,只管safari并不支撑此标准,然而仍是会取舍此元素,不论是否此元素存在,现在绿色会当初在除ie各版本以外的阅读器上。
在body表示这里参加lang属性,中文为zh:
第一种,是CSS HACK的方式
新建一个css样式如下:
对IE6跟FF的兼容能够斟酌以前的!important</body>
第二种是应用IE专用的前提解释
<body lang="en">
*:lang(en) #item{
background:green !important;
}
Tag:Firefox IE Firefox IE
<!-- 其余浏览器 -->,CSS圆角背景与三角形实现办法;
<link rel="stylesheet",CSS图片层叠实现古画效果; type="text/css" href=",css命名规则:图片切图转网页的代码规范;css.css" />
height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/
--> [
网站建设之]CSS在IE6,IE7,FIREFOX中的差别
<!--[if lte IE 6]>,CSS命名的三种规范化命名规则;
<!-- 合适于IE6及一下 -->
<link rel="stylesheet" type="text/css" href="ie,CSS加载失败原因的总结与分析.css" />
<,CSS制作网页的一些经验分享; ![endif]-->
第三种css filter的措施,以下为经典从国外网站翻译过来的,CSS制作网页时清除网页浮动的作用。
留神次序。
<!--[if IE 7]>
<!-- 适合于IE7 -->
<link rel="stylesheet" type="text/css" href=",css制作漂亮的新闻列表;ie7.css" />
< ![endif]-->
现在对div元素再定义一个款式:
这样也属于CSS HACK,不外不上面这样简练。
#example { color: #333,CSS制作星级评价的功能; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */
#item {
width: 200px;
height: 200px;
background: red;
}
新建一个div,并使用前面定义的css的样式:
<div id="item">some text here</div>,CSS初学者必知CSS技巧;
(责任编辑:网站建设)
CSS在IE6,IE7,FIREFOX中的区别相关文章