html – css – 如何拉伸和自动调整背景图像的大小

发布时间：2020-12-14 16:41:55 所属栏目：资源来源：网络整理

导读：我试图让我的背景图像延伸到整个页面,但到目前为止我有这个：这是我想在浏览器窗口中拉伸的图片：我的外部CSS包含以下代码： hr {color:sienna;}p {margin-left:20px;}body {background-image:url("mybackground.jpg")} 任何人都可以告诉我如何编辑CSS文件

我试图让我的背景图像延伸到整个页面,但到目前为止我有这个：

这是我想在浏览器窗口中拉伸的图片：

我的外部CSS包含以下代码：

hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("mybackground.jpg")}

任何人都可以告诉我如何编辑CSS文件来解决我的问题？

解决方法

您可以使用：

background-size: cover;

但是请记住which browsers this supports.例如,这在IE8及以下版本中不起作用.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!