0

我尝试使用列表中的图像个性化我的网页。我尝试使用列表样式图像但不使用功能。

您可以在页面http://ctp.servizieweb.it/flotta/上看到

我使用这段代码：

CSS

/*Lista Flotta */

ul#flotta li
{
list-style-image:url("http://ctp.servizieweb.it/wp-content/uploads/2013/07/freccia.png"); 
}

（我也尝试使用 ../07/freccia.png 作为 url）

我的页面

<ul id="flotta">
<li>Augusta 109 (06 pax / 300 k/h)</li>
<li>Augusta 206 (04 pax / 240 k/h)</li>
<li>Robinson R44 (03 pax / 200 k/h)</li>
<li>Robinson R22 (01 pax / 180 k/h)</li>
<li>Cessna (10 pax)</li>
<li>Mercedes serie S</li>
</ul>

但是我看不到列表中的图像？哪里错了？你能帮我知道吗？谢谢

4

2 回答 2

1

您的列表样式图像被隐藏，因为它们被推到容器的左侧。以下是解决此问题的方法：

首先删除article ul li:before. 这是在推动一切，并增加了一个不必要的圈子。

然后更改此 CSS 行：

article ul li, article ol li {
    line-height: 25px;
    position: relative;
    list-style-image: url('http://ctp.servizieweb.it/wp-content/uploads/2013/07/freccia.png');
    left: 30px;
}

这可能不是您正在寻找的确切样式，但这将帮助您了解图像的位置。

于 2013-07-09T21:29:56.280 回答
0

这看起来像是 CSS 选择器的问题：而不是ul#flotta il使用#flotta. 由于id根据定义是唯一的，因此无需指定它属于哪种标签。文件路径似乎也有问题-单击链接时找不到图像。此外，习惯上将<style>标签放在<head>文档的标签内，而不是放在<body>. 祝你好运！

于 2013-07-09T21:21:59.310 回答