CSS/HTML-背景图像不工作

不知道为什么，但我的布局没有显示登录按钮

CSS:

.sign-in {
    position: absolute;
    left: 895px;
    top: 30px;
    width: 96px;
    height: 36px;
    background-image: url('button_sign-in.png');
}
.sign-in:hover {
    background-image: url('button_hover_sign-in.png');
}

<a class="sign-in" href="#" title="Sign In"></a>

HTML:

.sign-in {
    position: absolute;
    left: 895px;
    top: 30px;
    width: 96px;
    height: 36px;
    background-image: url('button_sign-in.png');
}
.sign-in:hover {
    background-image: url('button_hover_sign-in.png');
}

<a class="sign-in" href="#" title="Sign In"></a>

该框在那里，可以单击，只是其中没有图像。这些图像公然存在，并且与html文件位于同一文件夹中

---

有什么想法吗？谢谢

HTML文件的位置不相关

CSS中的路径相对于CSS文件的位置，而不是显示的HTML文件

例如，如果CSS文件位于包含HTML文件和图像的目录的子目录（例如，

/CSS

）中，则需要将路径从

url（your_image.png）

更改为

url（../your_image.png）

---

如果您在Firefox或Chrome开发者工具中打开“网络”选项卡，您可以看到一个网络请求列表，其中包括（大概）404'd GET对图像的请求。您可以检查路径并进行相应调整。

图像是否与css位于同一文件夹中？您需要图像的完整路径。可能是文件名中的破折号吗？（我怀疑，但值得一试）哦！谢谢我将测试它！只需转到开发人员工具（通过单击F12）。有关404Spot on的任何错误，请参阅控制台！谢谢CSS位于CSS文件夹中。让我困惑的是，它在dreamweaver中工作，而不是在我的浏览器中。非常感谢@用户2987337没问题！当你有机会时，请投票并标记为答案：）@Ennui不要期待被接受的答案。他昨天问了一个问题。事情解决了，他没有接受。无论如何，回答得不错+1@Ennui我对你的答案投了赞成票，因为这是一个好答案，但促使OP接受是不酷的；）@穆伯：如果他没有明确表示我的回答解决了他的问题，我就不会问他了！我也倾向于对新注册的用户说，因为他们可能不了解这里的工作原理：D