Question

我试图在我网站的标题中添加背景图片，但截至目前它还没有显示出来。我的文件设置如下：

D：\ mywebsite

Image，home.css，index.html

图片 rocks.jpg

我目前的代码是：

<div class="header-image" style=background-image: url("../Image/rocks.jpg")>
</div>

修改

CSS：

#header .header-image {
    width: 100%;
    height: 400px;
    background-position: left center;
    background-size: 100%;
    background-repeat: no-repeat;
}

Answer 1

您的style属性应该在内联css周围加上引号，文件路径中的..将向您发送一个目录（因此必须删除），如下所示：

style =  'background-image:url("Image/rocks.jpg");'

编辑：请注意，您必须使用单引号括起css，否则url("Image/rocks.jpg")中的双引号将被解释为关闭引号。

Answer 2

如果您的目录设置为

<强> d：\ mywebsite \
<强> d：\ mywebsite \ index.html的
<强> d：\ mywebsite \图片\

然后这将是你的答案

<div class="header-image" style=background-image: url("Image/rocks.jpg")>
</div>

背景图像不会显示

2 个答案: