html - 背景图像如何在我的 chrome 和 firefox 中不起作用

Question

我正在用 html 制作一个 html 页面。我将它们集成在 aspx 页面中并尝试运行它们 vs/webmatrix。

它不工作。当我检查图像位置并将它们复制粘贴到浏览器中时，它可以工作，但实际上它没有显示。只有 Ie9 给我看这个。

<div class="ads-head-wrap">
                        <h2>Favorite Stores</h2>
                    </div>

.ads-head-wrap {
background: url("../images/ads-head.png") no-repeat scroll 0 0 transparent;
width: 233px;
height: 51px;
}

有人知道我的情况到底出了什么问题。

---

更新 ：-

我发现安装在 Firefox 和 chrome 上的插件会阻止图像，因为他们认为这是广告。

Answer 1

在不工作的浏览器上使用 DOM 检查器，关闭所有其他影响“ads-head-wrap”的样式。这可能表明您的问题出在哪里。我怀疑还有另一条规则会影响这一点。

Answer 2

重命名您的图像文件，对于某些广告拦截插件和防火墙来说，广告可能是一个敏感词。

Answer 3

我认为代码没有问题。可能背景图片源路径不正确。请检查或提供该页面的链接，以便我们检查并确定问题。

谢谢，