Css样式兼容IE6,IE7,FIREFOX的浏览器的写法示例介绍
发布时间:2014-10-20 15:50:34 作者:佚名 我要评论
FF和IE对一些符号识别上有些差异,可以利用这个差异单独对FF以及IE定义样式,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面
根据FF和IE对一些符号识别的差异,我们可以单独对FF以及IE定义样式,例子:
区别IE6与FF:
background:orange;*background:blue;
区别IE6与IE7:
background:green !important;background:blue;
区别IE7与FF:
background:orange; *background:green;
区别FF,IE7,IE6:
background:orange;*background:green !important;*background:blue;
注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;
所以标准的写法FF,IE7,IE6:
color:#fff; *color:#000 !important; *color:#ff6600;
firefox:白色,IE7:黑色,IE6:橙色
另外再补充一个,下划线”_”,
IE6支持下划线,IE7和firefox均不支持下划线。
于是大家还可以这样来区分IE6,IE7,firefox
: background:orange;*background:green;_background:blue;
注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。
区别IE6与FF:
background:orange;*background:blue;
区别IE6与IE7:
background:green !important;background:blue;
区别IE7与FF:
background:orange; *background:green;
区别FF,IE7,IE6:
background:orange;*background:green !important;*background:blue;
注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;
所以标准的写法FF,IE7,IE6:
color:#fff; *color:#000 !important; *color:#ff6600;
firefox:白色,IE7:黑色,IE6:橙色
另外再补充一个,下划线”_”,
IE6支持下划线,IE7和firefox均不支持下划线。
于是大家还可以这样来区分IE6,IE7,firefox
: background:orange;*background:green;_background:blue;
注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。
相关文章
- 下面小编就为大家带来一篇浅谈前端制作中,IE6还有必要兼容吗?小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-05-31
- 下面小编就为大家带来一篇使用语义化标签去写你的HTML 兼容IE6,7,8。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧2016-04-14
让IE6支持兼容min-width、max-width CSS样式属性的方法
这篇文章主要介绍了让IE6支持兼容min-width、max-width CSS样式属性的方法,需要的朋友可以参考下2016-01-13兼容IE6、IE7的min-width、max-width写法
这篇文章主要介绍了兼容IE6、IE7的min-width、max-width写法,需要的朋友可以参考下2016-01-13一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题2015-09-26兼容IE6的min-width、min-height的简单方法
下面小编就为大家带来一篇兼容IE6的min-width、min-height的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-08-17
最新评论