css - CSS加载时背景属性的URL消失

Question

我遇到了最奇怪的 CSS 问题。我的 CSS 在我的 localhost 服务器上运行良好，但是当我将它加载到实时服务器上时，背景属性中的“url”消失了。

这是 HTML - 非常基本的 div：<div id="header-wrapper"> </div>

这是我工作文件中的 CSS：

#header-wrapper {
    overflow: hidden;
    height: 300px;
    background: url('../images/bgblue.jpg') repeat-x left top;
}

以下是我在实时站点上查看页面源时显示的内容：

#header-wrapper {
    overflow: hidden;
    height: 300px;
    background: 

    (images/bgblue.jpg) repeat-x left top;
}

如您所见，“url”部分已消失。更奇怪的是，紧随其后的 div 具有完全相同的格式并且显示正常。帮助！谢谢！

score 0 · Accepted Answer

我注意到了这个问题，样式没有显示在实时页面上。它通常发生在语法错误时，浏览器不加载该规则，因此 Firebug 甚至不显示它。清除缓存并转到 .css 文件的 url，确保它正在发送预期的代码。如果是这样，则存在语法错误。

score 0 · Accepted Answer

如果它是“完全”相同的格式，那么您提到的下一个 div 应该具有相同的 id。Id 应该在一个页面中使用一次。

我不知道这是否有帮助，但请尝试background-image: url。

祝你好运

score 0 · Accepted Answer

尝试使用：

#header-wrapper {
overflow: hidden;
height: 300px;
background: url(/images/bgblue.jpg) repeat-x left top;
}

3 回答 3