|
锁定老帖子 主题：再次总结下css的一些hack
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2011-06-30
最后修改：2011-12-08
color:red; /* 所有浏览器都支持 */ color:red !important;/* 除IE6外 */ _color:red; /* IE6支持 */ *color:red; /* IE6、IE7支持 */ +color:red;/*IE7支持*/ *+color:red; /* IE7支持 */ color:red\9; /* IE6、IE7、IE8、IE9支持 */ color:red\0; /* IE8、IE9支持 */ color:red\9\0;/*IE9支持*/
/* webkit and opera */ @media all and (min-width: 0px){ div{color:red;} }
/* webkit */ @media screen and (-webkit-min-device-pixel-ratio:0){ div{color:red;} }
/* opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-
ratio:0) { div{color:red;} }
/* firefox * / @-moz-document url-prefix(){ div{color:red;}} /* all firefox */
html>/**/body div, x:-moz-any-link, x:default {color:red;} /* newest firefox */ }
body:nth-of-type(1) p{color:red;} /* Chrome、Safari支持 */
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]--> <!--[if IE 7 ]> <html class="ie7"> <![endif]--> <!--[if IE 8 ]> <html class="ie8"> <![endif]--> <!--[if IE 9 ]> <html class="ie9"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]--> <!–[if IE 7]> = 等于 IE7
<!–[if lt IE 8]> = 小于 IE8（就是 IE7 或以下了啦）
<!–[if gte IE 8]> = 大于或等于 IE8 <meta http-equiv="x-ua-compatible" content="ie=7" /> 把这段代码放到<head>里面，在ie8里面的页面解析起来就跟ie7一模一样的了 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2011-06-30
知道IE的就已经足够了，opera,chrome,safari,ie9这四个现在都几乎是一样的了，问题最多的也只是ie678，当然还少不了我们的国产浏览器，如果网页在opera这些浏览器中都有问题，那就是你的网页问题了。
|
| 返回顶楼 | |
浏览 3222 次
