如何在IE7中设置没有父宽度的100%宽度锚点?在IE8及以上版本中正常工作
示例:http://jsfiddle.net/GVj6K/2/
HTML
<div>
<ul>
<li><a href="#">bla</a></li>
<li><a href="#">bla bla lorem ipsum</a></li>
<li><a href="#">bla bla </a></li>
</ul>
<div>
CSS
div{
position:absolute;
}
ul{
list-style:none;
margin:0; padding:0;
}
a{
display:block;
padding:5px 10px;
white-space:nowrap;
width:auto;
}
a:hover{
background-color:#f0f0f0;
}
答案 0 :(得分:1)
在a标签上添加背景颜色: http://jsfiddle.net/GVj6K/12/
a{
display:block;
padding:5px 10px;
white-space:nowrap;
width:auto;
background:#fff;
}
或者,您可以使用平铺的trans.gif