2009-10-14 43 views
0

我有一个网页。这个网页在IE 7,8 FF 2,3,3.5 Safari 3,4 Opera 9,10和Chrome中看起来是正确的。基本上除IE 6之外的所有东西。CSS + IE 6 =图片缓存和填充

布局甚至看起来很好。看似有两件事情没有正确显示。

  1. 每个列表项都有一条灰色的垂直线。如果我调整填充值,这条线会移动。我不想要灰色的垂直线。此行只出现在IE 6中。
  2. 我有一个下拉列表。当此列表第一次出现时,会出现背景图像。但是,在后续尝试中,图像不会出现。再次,这只是在IE 6上。

这是我使用的通用代码。为了便于阅读,我已将样式内联移动。

<div id="theDiv" style="height:29px; width: 100%; background-image: url('./Images/bg.jpg');position:absolute; top:10px;"> 
    <ul style="list-style-type:none; position:relative; display:inline;"> 
    <li style="position:relative; display:inline; background-image: url('./Images/bg2.jpg'); padding:5px 6px;">Item 1</li> 
    <li style="position:relative; display:inline; background-image: url('./Images/bg2.jpg'); padding:5px 6px;">Item 2</li> 
    </ul> 
</div> 

我怎么能到这儿来这些无聊的问题?谢谢!

+0

你有在线测试页面,我们可以看到吗? – 2009-10-14 13:50:35

+0

是的,能够看到这在行动会好得多。这条垂直线可能是背景图像的一部分,图像可能只需要重新定位?只是在黑暗中拍摄。 – Slevin 2009-10-14 15:19:50

+0

如果您使用完整的背景图像网址,它有助于解决问题2吗?我听说IE6可能会在CSS中调用图像时存在问题,这取决于它们存储的目录。 否则,我同意Ionut和Slevin--要么发布整个代码,要么链接到问题页面这里更有帮助。 – sfarbota 2009-10-14 17:40:58

回答