HTMer

研究互联网络和电脑应用技术的IT技术网。 (勤奋+智慧→理想)

« 彻底删除0KB顽固文件或文件夹的方法免费获得NOD32官方激活码 »

IE6、IE7、Firefox浏览器CSS hack写法

    相信做网站开发的朋友多少有点知道CSS hack这个词,就是由于各种浏览器对CSS的解析认识不一样,导致生成的网页效果不一样,如在IE7下显示是正常的网页,很可能在IE6或者Firefox中显示变形。所以我们在写CSS的时候就要非常了解各种浏览器的特性,来合理设置CSS,这样使得尽可能多的浏览器兼容网页。不过我相信浏览器的不断标准化,相信未来我们在做网页设计的时候就可以不要CSS hack了,希望如此,呵呵。

    下面我就Internet Explorer 6、Internet Explorer 7、Mozilla Firefox目前比较流行的三款浏览器的CSS hack作下比较,这里我以设置背景颜色为例:

    1、区别IE6与FF:
    background:orange;*background:blue;

    2、区别IE6与IE7:
    background:green !important;background:blue;

    3、区别IE7与FF:
    background:orange; *background:green;

    4、区别Firefox、IE7、IE6:
    background:orange;*background:green !important;*background:blue;

    注:IE都能识别*,标准浏览器(如Firefox)不能识别*
    IE6能识别*,但不能识别 !important
    IE7能识别*,也能识别!important
    Firefox不能识别*,但能识别!important

 
IE6
IE7
Firefox
*
×
!important
×

    5、下划线“_”
    IE6支持下划线,IE7和Firefox均不支持下划线,如:
    background:orange;*background:green;_background:blue;

    注:不管是什么方法,书写的顺序都是Firefox的写在前面,IE7的写在中间,IE6的写在最后面。



欢迎转载,转载请注明:转载自HTMer [ http://www.htmer.com/ ]

本文链接地址:http://www.htmer.com/article/831.htm

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

HTMer , Powered By Z-Blog, 苏ICP备08003082号

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.
HTM|HTML|ASP|PHP|JSP|Mysql|SQL|Dreamweaver|Flash|Fireworks|Photoshop|SEO Copyright www.HTMer.com. Some Rights Reserved. English Version