Question

css中border-bottom: thin dashed 1px;在IE浏览器中显示

DIV中：<div class="part3-b1">
<ul>
<li><h2><a href="single.html">我公司喜获科技型中小企业创新</a></h2></li>
<li><h2><a href="single.html">我公司喜获科技型中小企业创新</a></h2></li>
<li><h2><a href="single.html">我公司喜获科技型中小企业创新</a></h2></li>
<li><h2><a href="single.html">我公司喜获科技型中小企业创新</a></h2></li>
<li><h2><a href="single.html">我公司喜获科技型中小企业创新</a></h2></li>
<li><h2><a href="single.html">我公司喜获科技型中小企业创新</a></h2></li>
</ul>
</div>
css样式：
.part3-b1{width:500px; height:250px; }

.part3-b1 ul{width:490px; height:230px;padding-top:10px; }
.part3-b1 ul li{width:470px; margin-left:20px; height:30px; border-bottom: thin dashed 1px;}
.part3-b1 ul li h2{font-size:13px;font-family:Arial, Helvetica, sans-serif; line-height:25px; }
.part3-b1 ul li h2 a{display:block;text-decoration:none;color: #069; height:30px;}
.part3-b1 ul li h2 a:hover{width:470px;height:30px;text-decoration:none;}
在ie7以下显示正常如图：
但ie8以上就显示这样了：





Answer 1

你写的方式有问题，改成下面这样，就兼容了，一定要写颜色值，IE7不写颜色值，默认为黑色，但其他版本不行！
border-bottom: 1px dashed #ccc;