* html 的CSS Hacks用法

2008-09-29 12:39:10

<!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的点线：