CSS在IE6,IE7,FIREFOX中的区别
来源:互联网 发布:火炮兰捏脸数据 编辑:程序博客网 时间:2024/05/16 03:24
第一种,是CSS HACK的方法
height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/
注意顺序。
这样也属于CSS HACK,不过没有上面这样简洁。
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/
注意顺序。
这样也属于CSS HACK,不过没有上面这样简洁。
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */
第二种是使用IE专用的条件注释
<!-- 其他浏览器 -->
<link rel="stylesheet" type="text/css" href="css.css" />
<!--[if IE 7]>
<!-- 适合于IE7 -->
<link rel="stylesheet" type="text/css" href="ie7.css" />
< ![endif]-->
<!--[if lte IE 6]>
<!-- 适合于IE6及一下 -->
<link rel="stylesheet" type="text/css" href="ie.css" />
< ![endif]-->
<link rel="stylesheet" type="text/css" href="css.css" />
<!--[if IE 7]>
<!-- 适合于IE7 -->
<link rel="stylesheet" type="text/css" href="ie7.css" />
< ![endif]-->
<!--[if lte IE 6]>
<!-- 适合于IE6及一下 -->
<link rel="stylesheet" type="text/css" href="ie.css" />
< ![endif]-->
第三种css filter的办法,以下为经典从国外网站翻译过来的。
新建一个css样式如下:
#item {
width: 200px;
height: 200px;
background: red;
}
新建一个div,并使用前面定义的css的样式:
<div id="item">some text here</div>
在body表现这里加入lang属性,中文为zh:
<body lang="en">
现在对div元素再定义一个样式:
*:lang(en) #item{
background:green !important;
}
这样做是为了用!important覆盖原来的css样式,由于:lang选择器ie7.0并不支持,所以对这句话不会有任何作用,于是也达到了ie6.0下同样的效果,但是很不幸地的是,safari同样不支持此属性,所以需要加入以下css样式:
#item:empty {
background: green !important
}
:empty选择器为css3的规范,尽管safari并不支持此规范,但是还是会选择此元素,不管是否此元素存在,现在绿色会现在在除ie各版本以外的浏览器上。
对IE6和FF的兼容可以考虑以前的!important</body>
#item {
width: 200px;
height: 200px;
background: red;
}
新建一个div,并使用前面定义的css的样式:
<div id="item">some text here</div>
在body表现这里加入lang属性,中文为zh:
<body lang="en">
现在对div元素再定义一个样式:
*:lang(en) #item{
background:green !important;
}
这样做是为了用!important覆盖原来的css样式,由于:lang选择器ie7.0并不支持,所以对这句话不会有任何作用,于是也达到了ie6.0下同样的效果,但是很不幸地的是,safari同样不支持此属性,所以需要加入以下css样式:
#item:empty {
background: green !important
}
:empty选择器为css3的规范,尽管safari并不支持此规范,但是还是会选择此元素,不管是否此元素存在,现在绿色会现在在除ie各版本以外的浏览器上。
对IE6和FF的兼容可以考虑以前的!important</body>
- CSS在IE6,IE7,FIREFOX中的区别
- CSS在IE6,IE7,FIREFOX中的区别
- css padding在ie7、ie6、firefox中的兼容问题(padding前面加*星号)
- CSS兼容IE6,IE7,FireFox
- CSS兼容IE6,IE7,FireFox
- IE6 / IE7 / Firefox 下CSS区别对应解决方法
- CSS HACK区别IE6、IE7、IE8、Firefox兼容性
- CSS HACK区别IE6、IE7、IE8、Firefox兼容性
- CSS HACK 区别 IE6、IE7、IE8、Firefox兼容性
- CSS HACK区别IE6、IE7、IE8、Firefox兼容性(1)
- Firefox, IE6, IE7在CSS hack上的入口点
- ie6,ie7,ie8 ,firefox 在css 中区别
- [转]DIV+CSS在IE7/IE6/Firefox间的兼容性问题
- ajax 请求在IE6,IE7与FIREFOX和IE8中的区别
- padding+div 在ie7、ie6以及firefox中的兼容问题
- IE6.0、IE7.0 、FireFox 在样式中的不同写法
- 兼容IE6 IE7 Firefox的CSS
- css解决IE6,IE7,firefox兼容性问题
- error LNK2019: unresolved external symbol "public: __cdecl std::_Lockit::~_Lockit(void)"
- MFC SDI随笔
- 日历控件Calendar的使用
- WEB三层架构与MVC
- C# 4.0的一些新特性
- CSS在IE6,IE7,FIREFOX中的区别
- 双向链表
- oracle grant
- 解决IE6、IE7、Firefox兼容最简单的CSS Hack
- net里js换行 未结束的字符串常量
- Ext开发的行拖动效果
- 运行jar批处理设置
- asp.net 检测是否是有效连接地址
- 生成WSDL文件的三种方法