1

我还是想不通。我设法将图像用作无序列表的项目符号，并且仅当 css 代码位于我拥有 UL 的 html 文件中时它才有效（我是否将 ID 附加到列表或类都无关紧要）。这是我的片段：

<head>

   <link rel="stylesheet" href="fis_css/subtitles.css" type="text/css" name="stil_b">



    <style type="text/css">

      .lista{
             list-style-image:url("buttons/pic.gif");
             background-repeat:no-repeat;
             }

    </style>

    </head>


<body>

<div id="lista_meniu">
   <ul class="lista">
      <li><a href="#c1">Perioadele critice de dezvoltare al creierului la copii </a></li> 
      <hr>
      <li><a href="#c2">Dezvoltarea vizual&#259; &#351;i auditiv&#259; </a></li>
      <hr>    
      <li><a href="#c3">Dezvoltarea limbajului verbal </a></li> 
      <hr>   
      <li><a href="#c4">Dezvoltarea fizic&#259; &#351;i motorie </a></li> 
      <hr>   
      <li><a href="#c5">Dezvoltarea emo&#355;ional&#259; &#351;i social&#259; </a></li>
   </ul>
</div>

....................................

谢谢！

4

2 回答 2

3

这是因为为图像指定的相对 URL 是相对于外部 CSS 位置的，而不是相对于您的文档的

部分 URL 被解释为相对于样式表的来源，而不是相对于文档

http://www.w3.org/TR/REC-CSS1/#url

指定图像的绝对 URL li。

于 2012-10-03T17:36:19.597 回答
2

当相对于 html 文件而不是 css 时，您用于图像的路径是正确的。

Assuming your image folder and css folder are on the same level, you may need to add ../ to the beginning of the image url.

So the url you use is right when you use it inside the html page, but as your css is in a lower directory, it will not be able to find the same image using the same relative url.

于 2012-10-03T17:36:33.597 回答