1

我想将一个类的背景图像作为列表项：

<ul>
<li> Stuff </li>
<li> More Stuff </li>
<li class= "horizdotted" </li>
</ul>

这是CSS

.horizdotted {
background-image: url("images/horizdotted.png");
background-repeat:no-repeat;}

这在任何浏览器中都不起作用……看来我必须在 LI 中至少有一些信息（背景图像除外）。所以，我制作了一个白色像素的 png 并尝试了另一种方法：

<ul>
<li> Stuff </li>
<li> More Stuff </li>
<li class= "horizdotted"><img src="images/pixel.png" alt="teeny pixel" /> </li>
</ul>

相同的 CSS。这适用于 Chrome 和 Firefox，但不适用于 IE。对于我的一生，我不能让它在 IE 中工作。如果可以的话请帮忙！！这是第二种方式的 Chrome 中的图像（带有极小的像素）。[东西，更多东西，无序列表中的虚线] http://www.flickr.com/photos/77703125@N07/8321020892/in/photostream/

4

2 回答 2

1

在css中设置宽度和高度

.horizdotted {
  background-image: url("images/horizdotted.png");
  background-repeat:no-repeat;
  width:50px;
  height:50px;
 }

根据您想要的图像大小设置此属性。

于 2012-12-29T05:25:02.323 回答
0

用于 IE 的 jsFiddle

您需要将内容添加到您的内容li中，以便显示一些内容。此外，您的问题中有 li 的语法错误。它缺少右括号>符号。在类名的等号后面也有一个空格。

HTML： 

<ul>
  <li> Stuff </li>
  <li> More Stuff </li>
  <li class="horizdotted">Some stuff to view background.</li>
</ul>

CSS： 

.horizdotted {
  background-image:url(http://placehold.it/500x17/00ff00);
  background-repeat: no-repeat;
}

用于 IE 的 jsFiddle：无 CSS

此外，由于它只是您要显示的虚线，因此不需要 CSS：

HTML： 

<ul>
  <li> Stuff </li>
  <li> More Stuff </li>
  <li>-----------------</li>
</ul>
于 2012-12-29T05:34:24.210 回答