CSS/HTML - 背景图像不工作

不知道为什么，但我的布局不显示在按键的符号。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'); 
}

HTML：

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

盒子是存在的，是单击它能够，只是没有图像。图片明目张胆地存在，并且与html文件位于同一文件夹中。

任何想法？谢谢！

来源

2013-11-14 user2987337

图像和你的css在同一个文件夹中吗？您需要图像的完整路径。 – Andrew

两个图像都不显示？ – Radian

它可能是你的文件名短划线？（我怀疑它，但值得一试） – Tim

HTML文件的位置是不相关的。

路径在CSS是相对的CSS文件，而不是HTML文件的位置被显示。

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

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

来源

2013-11-14 14:11:43 Ennui

Spot相关的任何错误！谢谢！该CSS在CSS文件夹中。让我感到困惑的是，它是在Dreamweaver中工作，而不是在我的浏览器中。非常感谢！ – user2987337

@ user2987337没问题！当你得到一个机会请upvote和标记为答案:) – Ennui

@Ennui不要期望接受的答案。他昨天问了一个问题。它解决了，他不接受。反正很好的答案+1 – Loko

CSS/HTML - 背景图像不工作

回答

相关问题