各浏览器hack,hack

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>min 第二站</title>
<link rel="stylesheet" href="css/base-resetcss.css" type="text/css" />
<style type="text/css">
.contaniner{width:1000px; margin:20px auto; background:pink; padding-bottom:20px;}
@-moz-document url-prefix(){
    .fireBox{ color:red;}
    }
@media screen and (-webkit-min-device-pixel-ratio:0)    {
                .Webkit { color:green; }
            }
</style>
</head>

<body>
<div class="contaniner">
<h2>针对fireBox的hack</h2>
<p class="fireBox">firebox下我是red</p>
<h2>针对Webkit内核浏览器的hack 常见Chrome  Safari</h2>
<p class="Webkit">firebox下我是green 的</p>
</div>
<br />
<p>这几种是不常见的,常见的请看hack表把:<a href="#">http://www.w3cn.org/article/tips/2006/120.html</a>
#box{
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支持*/
}
</p>
</body>
</html>

你可能感兴趣的:(各浏览器hack,hack)