* html 的CSS Hacks用法

< !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 >* html的Hacks </title>
< style type ="text/css" >
h3
{
border:1px dotted red;
font-size:14px;
}
* html h3
{
/*针对IE6及以下*/
border-style:solid;
}

#divTest
{
width:200px;
}
</style>
</head>

< body >
< h3 >这是应用于IE6及以下的浏览器 </h3>

< div id ="divTest" >
< h3 >标题 </h3>
< p >这是一个段落 </p>
</div>
</body>
</html>

 

 

这里是针对IE6及以下版本的hacks

对于dotted,ie6会显示个dashed的划线比较难看

通过* html可以让IE6中显示实线，标准浏览器里显示优雅的点虚线。

这个比较有用。

 

以上未在IE7以上版本测试，读者自己实验下给我反馈，呵呵

本人比较反感IE浏览器，所以没装那些杂提杂八的版本，对IE失去信心和耐心，让他自己折腾去吧，反正我能兼容你就是了，平时是不用IE的。

 

那我来个图吧:

对于火狐，可以显示dotted的点线：

 

如果不对IE做hack处理，会如下：

这个线觉得不是很好看，

所以做了处理，用实线要好看一些：