HTML5样板背景图片未显示

我使用HTML5Boilerplate制作网站，但每次使用css background或background-image属性时，图片都不显示。HTML5样板背景图片未显示

文件夹：
根/ CSS/style.css中
根/ 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不显示图像吗？

来源

2013-01-12 Seda Erdem

如果你在一个单独的html中尝试它，这是否工作？尝试设置背景到身体（只是为了了解#logo是否是问题）。我刚刚用最新的h5b制作了一个网页，并且没有任何问题地将我身体的背景图片放在了... – talabes

变化

background-repeat: none;

到

background-repeat: no-repeat;

或者只是使用

background: url(../img_files/logo.png) no-repeat;

来源

2013-01-12 19:02:33 Enve

仍然没有解决问题... –

你可以在http://jsfiddle.net上做一个小提琴吗？ – Enve

我只是得出了同样的问题，发现的情况下，你会从更改ID #logo到其他任何东西（当然在HTML和CSS中），那么相同的代码将开始工作。不能说什么已经“阻止”#logo来使用，但现在我没有足够的时间来发现问题所在。

现在的解决方案是使用除#logo以外的任何内容，例如。 #logoTop或#siteLogo

希望有所帮助。

编辑：这是一个选择器错字问题，导致浏览器忽略了这一点。奇怪的是，当选择器被改为除#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-16 22:30:18

我有同样的问题&发现，如果没有宽度& height属性，则不能显示图像。

来源

2013-12-06 02:20:01 user3072748

HTML5样板背景图片未显示

回答

相关问题