0

我正在使用 HTML5Boilerplate 制作网站，但每次使用 cssbackground或background-image属性时，图像都不会显示。

文件夹：
root/css/style.css
root/img_files/logo.png

我的 CSS 代码如下所示：

#logo {
    position: absolute;
    left: 20px;
    top: 10px;
    width: 164px;
    height: 42px;
    background: url(../img_files/logo.png);
    background-repeat: none;
}

我的样式表已正确添加到页面中：

我无法向页面上的对象添加单个背景图像。HTML5Boilerplate 已经安装，所以也许这不是问题，我不确定。你知道为什么正确的 CSS 和 HTML 不显示图像吗？

4

3 回答 3

0

我刚刚遇到同样的问题，发现如果您将 ID 从 #logo 更改为其他任何内容（当然是在 HTML 和 CSS 中），那么相同的代码将开始工作。无法说出要使用的“阻止”#logo 是什么，但现在我没有足够的时间来发现问题出在哪里。

目前的解决方案是使用#logo 以外的任何其他内容，例如。#logoTop 或 #siteLogo

希望有帮助。

编辑：这是一个选择器错字问题，导致浏览器忽略了这一点。Weird was it had not happened when selector was changed to some other name than #logo. 请注意#logo：可见的错字（而不是访问过）

#logo, #logo:link, #logo:visited,
#logo:active, #logo:focus, #logo:hover
{
    display: block;
    width: 340px;
    height: 150px;
    background: url(../images/design-elements.png) 0 -300px no-repeat;
}
于 2013-02-16T22:30:18.913 回答
0

改变

background-repeat: none;

至

background-repeat: no-repeat;

或者只是使用

background: url(../img_files/logo.png) no-repeat;
于 2013-01-12T19:02:33.597 回答
0

我遇到了同样的问题，发现如果没有宽度和高度属性，图像将不会显示。

于 2013-12-06T02:20:01.050 回答