我正在尝试创建一个以大图片作为主页背景的网站。源代码存储在“ 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成功更改了标题的位置,因此我不知道为什么不导入图像
[div
标记不具有图像属性,因为您需要在img
标记内添加div
标记并像这样重组css
{
background-image: url('../images/HomePage_Background.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}