CSS hack

width:100px !important; // ie9,ff,chrome,opera这样的标准浏览器

width:160px; //所有的浏览器;它的本意是只对不认识!important的设置。可是ie7、ie8也认识

+width:160px!important;//ie7

* +html .bb{background-color:#a200ff;}/* 仅IE7 识别 */

width:160px/0!important;//ie8

.background-color:#00deff\9; /*IE6、7、8识别*/

_background-color:#1e0bd1;/*IE6识别*/

@-moz-document url-prefix(){.bb{background-color:#00ff00;}}/* 仅firefox 识别 */ 

@media screen and (-webkit-min-device-pixel-ratio:0){.bb{background-color:#f1ee18}}{} /*safari(Chrome) 有效 */

.bb, x:-moz-any-link, x:default{background-color:#00ff00;}/*IE7 firefox3.5及以下 识别 */ 

background-color:#4cac70\0;/* 仅 Opera 有效 */
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.如何调试 IE 浏览器 使用高版本IE的控制台(IE8+) border: 1px solid red; 或o...
    candy252324阅读 977评论 0 4
  • 简述CSS BFC和CSS hack BFC BFC定义:浮动元素和绝对定位元素,非块级盒子的块级容器(例如inl...
    李诺哦阅读 314评论 0 1
  • 什么是CSS hack? 由于不同厂商的流览器或某浏览器的不同版本(如IE,Firefox/Safari/Oper...
    魔_术师阅读 2,683评论 0 3
  • 什么是浏览器兼容问题 同一份代码,有的浏览器效果正常,有的不正常 不正常的原因是什么?(不支持? bug?) 如何...
    squall1744阅读 148评论 0 1
  • CSS hack是通过在CSS样式中加入一些特殊的符号,让不同的浏览器识别不同的符号,以达到应用不同的CSS样式的...
    竹小星阅读 601评论 0 1