各种浏览器兼容的css样式写法

《各种浏览器兼容的css样式写法》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、各种浏览器兼容篡位的css样式写法/*针对谷歌浏览器内核支持的CSS样式*/@mediascreenand(-webkit-min-device-pixel-ratio:0){样式}/*针对IE6特制识别的CSS样式*/*HTML.SearchBox{样式}针对Firefox浏览器的内核CSS写法：@-moz-documenturl-prefix(){.font1{color:red}}IE8就是自己来调试了。调试一个浏览器，有不合适的地方可以在该内核css中重写对应的方法，只需把不合适的样式重写即可实现。*HTML中则例外，需要每重写一个都要加*HTML单独处理。针对样式名如果只让i

2、e6看见用*html.head{color:#000;}如果只让ie7看见用*+html.head{color:#000;}如果只让ff看见用:rootbody.head{color:#000;}如果只让ff、IE8看见用html>/**/body.head{color:#000;}如果只是不让ie6看见用html>body.head{color:#000;}即对IE6无效如果只是不让ff、IE8看见用*body.head{color:#000;}即对ff、IE8无效针对具体属性如果只让ie6看见用_.head{_color:#000;}如果只让ie7看见用+与_结合的方法:.head

3、{+color:#f00;!;_color:#000;}IE8正式版hack9″　例:”margin:0pxauto9;”.这里的”9″可以区别所有IE8和FireFox.“*”　IE6、IE7可以识别.IE8、FireFox不能.“_”　IE6可以识别”_”,IE7、IE8、FireFox不能.如：.a{color:#f00;color:#f609;+color:#00FF00;_color:#0000FF;}从左到右分别对应FF,IE8IE7IE6还有写css样式一定要记住顺序：以下为引用的内容：#1{color:#333;}/*Moz*/*html#1{color:#66

4、6;}/*IE6*/*+html#1{color:#999;}/*IE7*/顺序很重要针对各种浏览器css不兼容的写法/*针对谷歌浏览器内核支持的CSS样式*/@mediascreenand(-webkit-min-device-pixel-ratio:0){样式}/*针对IE6特制识别的CSS样式*/*HTML.SearchBox{样式}针对Firefox浏览器的内核CSS写法：@-moz-documenturl-prefix(){.font1{color:red}}IE8就是自己来调试了。调试一个浏览器，有不合适的地方可以在该内核css中重写对应的方法，只需把不合适的样式重写即可实

5、现。*HTML中则例外，需要每重写一个都要加*HTML单独处理。针对样式名如果只让ie6看见用*html.head{color:#000;}如果只让ie7看见用*+html.head{color:#000;}如果只让ff看见用:rootbody.head{color:#000;}如果只让ff、IE8看见用html>/**/body.head{color:#000;}如果只是不让ie6看见用html>body.head{color:#000;}即对IE6无效如果只是不让ff、IE8看见用*body.head{color:#000;}即对ff、IE8无效针对具体属性如果只让ie6看见用_.

6、head{_color:#000;}如果只让ie7看见用+与_结合的方法:.head{+color:#f00;!;_color:#000;}IE8正式版hack9″　例:”margin:0pxauto9;”.这里的”9″可以区别所有IE8和FireFox.“*”　IE6、IE7可以识别.IE8、FireFox不能.“_”　IE6可以识别”_”,IE7、IE8、FireFox不能.如：.a{color:#f00;color:#f609;+color:#00FF00;_color:#0000FF;}从左到右分别对应FF,IE8IE7IE6======================

7、=======P{+color:#f00;}支持IE7IE6不支持FFIE8bP{_color:#f00;}支持ie6不支持FFP{color:#f00;!important;}P{color:#f00;}支持IE6IE7IE8bFFP{color:#00f!important;color:#f00;}支持IE7IE8bFF不支持IE6head:first-child+bodyp{color:#f00;}支持IE7IE8bFF不支持IE6/*