Question

我有一个问题，我的CSS不会加载我的最后两张图片

top-row background-image: url(../images/top-bg.png) top left repeat-x; width:100%;

top-bg background-image: url(../images/top-row-bg.png) top center no-repeat; width:100%;

Answer 1

几个笔记：

您的CSS规则似乎不正确。它应该以一个点为前缀，否则它假定你有一个名为<top-row>和<top-bg>的DOM元素，这是非常不可能的
您在网址中指定的图片位置必须相对于CSS文件的位置。

所以：

.top-row {
    background-image: url(../images/top-bg.png) top left repeat-x;
    width:100%;
}

.top-bg {
    background-image: url(../images/top-row-bg.png) top center no-repeat;
    width:100%;
}

例如，如果此CSS位于/styles/main.css，则图片必须位于/images/top-bg.png和/images/top-row-bg.png中。确保是这种情况。

此外，我强烈建议您使用FireBug或Chrome Developer Toolbar之类的调试工具，它允许您检查DOM以及应用于元素的确切CSS规则。它还允许您检查网络流量，如果在引用静态资源时出现错误，则会出现404错误。

从html / css预览时图像不显示

1 个答案: