Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS中图像的文件路由_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html CSS中图像的文件路由

Html CSS中图像的文件路由

html css

Html CSS中图像的文件路由,html,css,Html,Css,我一直在尝试在我的计算机上保存一个图像，并使用CSS将其设置为覆盖整个页面的背景图像。请帮忙 html代码如下所示： <div class="page-container"> <h1>HI</h1> </div> .page-container {background-image: url(css/images/huelvapiersunset.jpg); height: 100%; } 文件的组织方式如下： imagetest/css/ima

我一直在尝试在我的计算机上保存一个图像，并使用CSS将其设置为覆盖整个页面的背景图像。请帮忙

html代码如下所示：

<div class="page-container">
<h1>HI</h1>
</div>

.page-container {background-image: url(css/images/huelvapiersunset.jpg);
height: 100%;
}
文件的组织方式如下：

imagetest/css/images

提前谢谢

为了使图像以所提供的设置显示为背景，必须在
style.css中进行两项主要更改

1.背景图像中的url将变为
url（'images/huelvapiersunset.jpg'）
。此处添加了引号“
”
，并删除了
css
，因为此文件已在
css
文件夹中。

2.与所用图像的高度相等的高度（以像素为单位）。

下面是一个工作示例的代码


.page-container {
  background-image: url('images/huelvapiersunset.jpg');
  height: 1167px;
}



和出现的代码。
请在此处发布您的代码，而不是图像请在问题中发布您的代码。欢迎使用，请将实际代码以代码图片的形式粘贴到问题中，也请阅读并尝试
背景图像：url（'./css/images/huelvapiersunset.jpg'）