Question

我的问题是image123的背景图片没有出现。包括正常的<img src>工作正常，但我需要用CSS做（因为我需要在悬停时更改背景）。有谁知道这里的错误是什么？

HTML：

<ul class="class1">
      <li class="class2">
           <a class="link" data-toggle="dropdown" href="#">Kategorien</a>
           <ul class="category_container">
    <?php
        echo '<li>
               <a href="index.php?category='.$row['Link'].'&location='.$_GET['location'].'&sort='.$_GET['sort'].'">
                 <span class="image123"></span>
                 <span>'.$row['NameC'].'</span>
               </a>
             </li>';
    ?>
           </ul> 
      </li>
      </ul>

这是我的CSS：

.image123 {
background-image: url(img/category_items/audio.png) no-repeat !important;   
width: 20px;
height: 20px;
background-size: 100%;
}

谢谢！仅供参考，整个ul是一个下拉菜单容器。

Answer 1

小心点。如果你想写一个较短的CSS，你应该写background:，依此类推。不是background-image：

background: url(img/category_items/audio.png) no-repeat !important;

如果效果不佳，请删除!important然后重试。

Answer 2

对于css文件，应该给出url，因为它来自css文件夹，即包含.css文件的文件夹。不是您所在的页面。

Answer 3

感谢您的帮助。通过使用CSS中的实际网站路径，我可以解决我的问题：

background: url('http://website.com/image.png')

CSS背景图像不显示

3 个答案: