CSS背景图片不显示

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')