Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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 为什么我的图像在使用百分比时消失,而在使用像素时出现?_Html_Css - Fatal编程技术网

Html 为什么我的图像在使用百分比时消失,而在使用像素时出现?

Html 为什么我的图像在使用百分比时消失,而在使用像素时出现?,html,css,Html,Css,我正试图在我的主页上得到一张图片。我做了一个容器,并在容器内做了一个div。当我使用像素作为宽度和高度时,图片会显示,但当我使用100%时,图片不会显示。我尝试将容器更改为像素,以查看图像是否可以渲染,但没有 <div class="container" height="100%" width="100%"> <div class="splash-div" ; style="bac

我正试图在我的主页上得到一张图片。我做了一个容器,并在容器内做了一个div。当我使用像素作为宽度和高度时,图片会显示,但当我使用100%时,图片不会显示。我尝试将容器更改为像素,以查看图像是否可以渲染,但没有

<div class="container" height="100%" width="100%">
    <div class="splash-div" ; style="background-image: url('../../Images/laptopboy.jpg'); background-size: cover; width: 100%; height: 100%;">

    </div>
</div>


当我使用高度和宽度的百分比时,为什么不显示图片?

我认为您的图像路径有问题。您输入了错误的图像文件路径。请更改路径,然后重试

确保父标记具有现有的宽度和高度。要使%正常工作,必须尝试删除父标记;在class=“splash div”之后