Css 奇怪的问题

我有一个奇怪的问题，我就是搞不懂。我在这个页面的内容上为li设置了一个图像，但它不是针对文本而是在图像后面！困惑于如何解决这个问题。任何帮助都将不胜感激

---

您列表的背景图像位于鸡尾酒图像后面。你可以让列表像这样浮动

#single_content ul {
  float:right;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  width:280px;
}

或者像这样给

li

s一个

left

图像的宽度+边距

#single_content ul li {
  background:transparent url(images/ulliarrow.png) no-repeat scroll 0 0;
  margin:0 0 0 310px;
  padding:0 0 3px 15px;
}

---

要使浮动图像重新出现。

立即的解决方案是将以下规则添加到

#single_content ul

margin: 0 0 0 295px;

我不喜欢这样，因为它是绝对的，虽然你的网站看起来粘在一起很好，它应该不会伤害你。我会找一些更优雅的，如果我找到了，就把它贴在这里

编辑1：不是更好，但是您可以将以下规则添加到

li

元素中：

background-position: 295px 0;

---

要从图像外部显示背景图像，可以在样式中添加边距

加

到

加

到

#单内容ul

。（

overflow:auto

也可以工作）。如果它也需要在IE6中工作，请确保列表正确（例如，通过添加

zoom:1

）

浮动后的块框内的线被浮动元素推到一边。但是块框本身不移动，使背景图像保持在其左边缘，被浮动元素覆盖

通过让块框建立新的块格式上下文，可以阻止块框与浮点重叠。一种方法是设置

overflow

属性。这将强制整个列表位于浮点旁边，而不仅仅是将其文本推到一边

---

有关更多详细信息，请参阅。

您想告诉我们我们应该在页面上查找的位置，还是这是针对您网站的垃圾邮件？图片后面是否显示了

？这就是你的问题所在吗？我想我看到了问题所在。列表项中显示有箭头，但只有在将图片移到屏幕中时才能看到它们center@Jason：这是一个到登台站点的链接，我认为这是一个公平的游戏，因为他确实给了我们所有代码方面的东西，而不仅仅是他认为可能存在问题的示例。再说一遍，我同意我不知道我在看什么，问题出在哪里？

margin:0 0 0 ~300px;

#single_content ul li

overflow: hidden;