0

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

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

HTML：

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

该框在那里并且可以点击，只是里面没有图像。这些图像确实存在，并且与 html 文件位于同一文件夹中。

有任何想法吗？谢谢！

4

1 回答 1

1

HTML 文件的位置不相关。

CSS 中的路径与 CSS 文件的位置有关，而不是与正在显示的 HTML 文件有关。

例如，如果您的 CSS 文件位于/css包含 HTML 文件和图像的目录的子目录（例如 ）中，您需要将路径从 更改url(your_image.png)为url(../your_image.png).

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

于 2013-11-14T14:11:43.880 回答