背景图像头痛

Question

我正在尝试将我的徽标放入div / span标签/ h1标签（确实在任何地方）

我正在尝试使用CSS加载图片。我几乎肯定我以前做了很多次..但由于某种原因，这次它不起作用。

CSS

.logo{
background-image:url(../img/logo-6.png);
width:400px;
height:75px;
}

这很简单。没什么特别的。我知道图像的路径是正确的。我在Sublime文本编码..但是当它不起作用时转移到Dreamweaver。当我将鼠标悬停在Dreamweaver中的图像URL上时，它会显示我的图像..所以这是正确的路径。

HTML

<span class="logo"></span>
<div class="logo"></div>

这只是我正在尝试的两个例子。我在span或div中没有​​任何内容，一旦我开始工作，我就不会同时使用这两个内容。

我设置的宽度和高度是图像的正确尺寸。

为什么它不会在div / span中显示为背景图像？

Answer 1

尝试将宽度和高度更改为百分比

width: 100%; height: 100%;

或者尝试没有宽度和高度的背景图片，看看！

至于html部分：

尝试在<img>或<div>内添加<span> 然后转到你的CSS并试试这个：

img { width: 100%; height: auto;}