新版div+css ie6.0、ie7.0和ff的css差别
2007-08-14 17:54
204 查看
方案一:
写三句代码来控制一个属性,区别Firefox,IE7,IE6:
background:orange;*background:green !important;*background:blue;
方案二:
#sample {background:red;}
* html #sample {backgroud:green;}
* +html #sample{backgroud:blue}
第一个是标准写法,针对所有浏览器都有效,但是一样的CSS在不同的浏览器中会变形,这个道理你明白吧,要不然你也不会来看我这篇文章了。Firefox,Oprea等非IE浏览器,不识别下面两种写法,所以理所当然的执行了第一种CSS代码,为红色背景。
第二个是只针对IE6,只有IE6会执行,其它浏览器都不执行。那么Firefox,IE7都不会读到这里的代码,IE6本来第一种是能执行的,可是因为第二种能识别,所以过滤了第一种的红色效果,变成了绿色背景。
第三个只针对IE7,只有IE7才能执行。IE6,firefox都不识别,当然只有IE7自己执行啦,同样的道理,能执行第一种,变成红色,可又被第三种过滤成蓝色背景。
写三句代码来控制一个属性,区别Firefox,IE7,IE6:
background:orange;*background:green !important;*background:blue;
方案二:
#sample {background:red;}
* html #sample {backgroud:green;}
* +html #sample{backgroud:blue}
第一个是标准写法,针对所有浏览器都有效,但是一样的CSS在不同的浏览器中会变形,这个道理你明白吧,要不然你也不会来看我这篇文章了。Firefox,Oprea等非IE浏览器,不识别下面两种写法,所以理所当然的执行了第一种CSS代码,为红色背景。
第二个是只针对IE6,只有IE6会执行,其它浏览器都不执行。那么Firefox,IE7都不会读到这里的代码,IE6本来第一种是能执行的,可是因为第二种能识别,所以过滤了第一种的红色效果,变成了绿色背景。
第三个只针对IE7,只有IE7才能执行。IE6,firefox都不识别,当然只有IE7自己执行啦,同样的道理,能执行第一种,变成红色,可又被第三种过滤成蓝色背景。
相关文章推荐
- 纯css完美地解决图片在div内垂直水平居中,兼容IE7.0、IE6.0、IE5.5、IE5.0、FF、
- div+CSS瀏覽器兼容問題整理(IE6.0、IE7.0 ,ie8 , FireFox...)
- div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...) 二
- CSS透明滤镜的兼容性写法,支持FF,IE6.0,IE7.0,IE8.0
- [转]CSS透明滤镜,支持FF,IE6.0,IE7.0,IE8.0
- div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...) 三
- CSS滤镜续:CSS透明滤镜,支持FF,IE6.0,IE7.0,IE8.0
- div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox..
- css+div在ie6.0和ie7.0的区别1
- div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...) 一
- div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...) 四
- div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...) 二
- div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox..
- div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox..
- div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox..
- div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...) 三
- div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox..
- CSS透明滤镜,支持FF,IE6.0,IE7.0,IE8.0
- div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...) 四
- div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...)