CSS文件未导入图像

问题描述 投票:-1回答:1

我正在尝试创建一个以大图片作为主页背景的网站。源代码存储在“ index_Alt”中,而CSS在另一个文件中存储在“ index_StyleAlt”中。 CSS文件已成功链接,但是未导入图像。我创建了一个id为“ background”的div,它也是CSS部分的标题,但它仍未导入图像。我需要在其自己的部分中导入背景,因为我需要更改图像的高度和宽度,因为它不能在“正文”部分中完全显示。

HTML:

<!doctype html>
<html>

<!--GETS RID OF WHITE MARGIN ON PAGE-->
<div>
  <style type="text/css">  
    body { margin:0; }
  </style>
</div>


<div id="header">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="index_StyleAlt.css" />
    <title>Wyke Motors</title>
  </head>
</div>

<body>
  <div id="body">
    <h1>Wyke Motors</h1>
  </div>

  <div id="background">
  </div>
</body>

</html>

和CSS:#身体{font-family:Arial;左:0;行高:200px;页边距:-100px;位置:绝对;文本对齐:居中;最高:50%;宽度:100%;}

#background
{
  background-image: url('../images/HomePage_Background.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;       
}

由于CSS成功更改了标题的位置,因此我不知道为什么不导入图像

html css
1个回答
0
投票

[div标记不具有图像属性,因为您需要在img标记内添加div标记并像这样重组css

{
  background-image: url('../images/HomePage_Background.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;       
}
© www.soinside.com 2019 - 2024. All rights reserved.