CSS:将背景图像拉伸到100%的屏幕宽度和高度吗?
我有一个名为myImage.jpg的图像。这是我的CSS:
body { background-image:url("../images/myImage.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
}
由于某些原因,当我这样做时,myImage的宽度会延伸到整个屏幕,但是高度只会延伸到页面上其他所有位置的高度。所以如果我放一堆
<br>
在我的html页面中,然后高度会增加。如果我的HTML页面仅包含一个
<div id='header'> <br>
</div>
那么背景图片的高度就是一个的高度
<br>
如何将背景图片的高度设为用户用来查看网页的屏幕的100%?
回答:
您需要将的高度设置html
为100%
body { background-image:url("../images/myImage.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
}
html {
height: 100%
}
以上是 CSS:将背景图像拉伸到100%的屏幕宽度和高度吗? 的全部内容, 来源链接: utcz.com/qa/410544.html