<
!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>
< 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的点线:
![](https://i-blog.csdnimg.cn/blog_migrate/dbb4990b328fbc4b4b64f67bcf1ec79e.gif)
如果不对IE做hack处理,会如下:
![](https://i-blog.csdnimg.cn/blog_migrate/370ce562ee24bb9e49d0c8d5917ec3ca.gif)
这个线觉得不是很好看,
所以做了处理,用实线要好看一些:
![](https://i-blog.csdnimg.cn/blog_migrate/a799b581c1c55c8923c03abdb85d396e.gif)
转载于:https://blog.51cto.com/xcf007/102827