当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS在IE6,IE7,FIREFOX中的区别

时间:2013-03-02 03:44来源:未知 作者:admin 点击:

标签:CSS在IE6,IE7,FIREFOX中的区别 CSS(655)区别(18)IE7(7)中的(55)IE6(28)Firefox(14)这样做(1)
这样做是为了用!important笼罩本来的css样式,因为:lang挑选器ie7.0并不支持,所以对这句话不会有任何作用,于是也到达了ie6.0下同样的后果,但是很可怜地的是,safari同样不支持此属性,所以须要加入以下css样式: #item:empty { background: green !important }
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中的区别相关文章
上一篇:CSS圆角背景与三角形实现办法 下一篇:CSS在交互上的应用
回到顶部