Question

我无法弄明白。我设法使用图像作为无序列表的子弹，只有当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>

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

谢谢！

Answer 1

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

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

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

指定li图片的绝对网址。

Answer 2

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

假设您的图片文件夹和css文件夹位于同一级别，您可能需要将../添加到图片网址的开头。

因此，当您在html页面中使用它时，您使用的URL是正确的，但由于您的css位于较低的目录中，因此无法使用相同的相对URL找到相同的图像。

外部CSS文件不像嵌入式的UL工作？

2 个答案: