1.创建一个新的html文档，如图所示。
2.主链接图片的位置，如图，输入
3.然后输入标题标签。
正文{
margin:0px
padding:0px
4.再次输入以下代码
#bg{
宽度：100%；
高度：100%；
top:0px
left:0px
位置：绝对；
}
5.最后，按f12预览查看背景图片。
如何固定网页背景图片
对于不规则的图片，在缩小屏幕时，图片适当向左移动，但为了不遮挡左边的文字，移动到一定位置后图片就固定了。
方法：
设置背景图片的宽度和绝对位置，使图片在页面上浮动。然后在js中判断当前窗口大小。当页面足够小，导致图片挡住左边的文字时，给图片添加左属性，这样图片就不会再向左移动(如果文字在右边，添加右属性)。
超文本标记语言
身体
img class=' BAckIMg ' src=' img/BAckIMg . png '
divided=' container '
/div
/body
钢性铸铁
正文{
margin:0px
最小宽度：1920像素；
最小高度：800 px；
飞越：隐藏；
}。backImg{
宽度width:1530px
位置：绝对；
right:0
top:0
}
#容器{
位置：固定；
bottom:250px
宽度width:383px
display:flex
flex-direction :柱；
justice-content : center；
左边距left:131px
}
window . onload=function(){ 0
if($(窗口)。width()=1660){ 0
$('.backImg ')。attr('style '，' left:150px');
}
}
$(窗口)。调整大小(函数(){ 0
if($(窗口)。width()=1660){ 0
$('.backImg ')。attr('style '，' left:150px');
}
else{
$('.backImg ')。remove attr(' style ')；
}
})
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/77254.html