方式一:
body {
width: 100%;
height: 100%;
position: fixed;
z-index: -1;
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 100% 100%;
}
方式二:使用img标签
img {
position: fixed;
width: 100%;
height: 100%;
display: block;
z-index: -100;
}
本文介绍了两种使用CSS实现背景图片全屏显示的方法。第一种是直接在body元素上应用样式,包括固定位置、禁止重复、调整大小等属性。第二种是通过img标签,并设置其宽度、高度和显示方式。这些技巧对于前端开发者来说非常实用。
1万+

被折叠的 条评论
为什么被折叠?



