这是它的 HTML 部分:
<nav id="main-navigation">
<ul>
<li><a href="#" target="_self">lorem ipsium lorem ipsium lorem</a></li>
<li><a href="#" target="_self">lorem ipsium lorem lorem</a></li>
<li><a href="#" target="_self">lorem ipsium lorem ipsium lorem</a></li>
<li><a href="#" target="_self">lorem ipsium lorem</a></li>
</ul>
</nav>
这是CSS:
#main-navigation ul li a {
display:block;
font-size: .8em;
background: lime url("http://www.hpp.moh.gov.sg/HPP/MungoBlobs/636/378/bullets_doctors.gif") no-repeat right center;
border-top: 1px dotted #ccc;
color:#000;
padding: 2px 0;
}
#main-navigation ul li a.last {
border-bottom: 1px dotted #ccc;
}
#main-navigation ul li a:hover,
#main-navigation ul li a:focus,
#main-navigation ul li a:active{
background: red url("http://www.hpp.moh.gov.sg/HPP/MungoBlobs/636/378/bullets_doctors.gif") no-repeat right center;
color:#fff
}
我不希望更改 html 标记。
如果你在好的浏览器上看到这个,然后在 IE 7 上看到,你会看到 IE7 上的 LI 项目之间有很多空白。
我试图应用 height:1px; 在一个IE 上只有 css 相关文件。没运气。
如何正确触发 hasLayout 以消除空白错误?