[英]IE6 Bullet Point Alignment issue
I am currently having some problems with <li>
in IE6 essentially my code looks like this, 我目前在IE6中的
<li>
遇到一些问题,基本上我的代码看起来像这样,
<ul>
<li>some filler text some filler text</li>
<li>some filler text some filler text</li>
<li>some filler text some filler text</li>
</ul>
The problem come when I view the page in IE 6 the bullets and the text do not line up as you would expect has any one ever encountered this problem before, for the record here is the CSS for the div and li concerned. 当我在IE 6中查看页面时,问题就来了,项目符号和文本没有对齐,因为您可能曾经遇到过此问题,因为这里记录的是有关div和li的CSS。
#contentMiddle li
{
/*background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
background-position:left bottom;
text-align:left;
list-style-position:outside;*/
list-style-image:url(../images/bullet.gif);
list-style-position:inside;
text-align:left;
margin-bottom:5px;
}
#contentMiddle
{
background-color:#A3BAD9;
padding-left:20px;
padding-right:20px;
}
Thank you for your help 谢谢您的帮助
sico87 :-) sico87 :-)
You should decide whether you want to use background-image or list-style-image to add the bullet. 您应该决定要使用背景图像还是列表样式图像来添加项目符号。 I'd advise for the background-image solution as the other one has problems in IE6, as you saw already.
我建议您使用背景图像解决方案,因为您已经看到另一个在IE6中存在问题。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.