CSS 问题 :(

Question

嘿:)我一直在尝试为我们的网站制作一些不错的悬停效果。但是，当页面加载时，它不会加载 CSS - 背景图像，我们会得到一些奇怪的闪烁效果。我几乎尝试了我想的一切。我们就是无法让它发挥作用。我将链接 HTML 和 CSS 以解决问题。

这是 HTML 和包含 CSS 的 div。此 div 位于主要内容 div 和内容 div 中。

<div class="produkt_links">
    <div id="produkt_7"><a href="produkt_1.html"></a></div>
</div>

CSS:

.produkt_links #produkt_7 a {
display: block;
width: 300px;
height: 290px;
background-image:url(../../images/mainpage%20links/arch_low.png);   
}

.produkt_links #produkt_7 a:hover {
background-image:url(../../images/mainpage%20links/arch_low_hover.png); 
}

附言。我试过 Sprite 。不起作用。在 Safari、Chrome 和 Firefox 中尝试过...

干杯MM。

Answer 1

您需要更正所用(公共(public))资源的路径

background-image:url(../../images/mainpage%20links/arch_low.png);

---

如果根文件夹是 public_html，这样 -

public_html
 > images
   > mainpage links
     > arch_low.png

然后使用这个 -

background-image:url("images/mainpage%20links/arch_low.png");