在html中进行背景图片的修改为一张图片全屏

如果帮到你请点一个赞,谢谢

方法,一
<body background="图片的位置一般是在img/ "
      style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;">

方法二:使用css的样式

在网页布局时我们经常会遇到这样的问题:图片的分辨率是1024*768,在1024*748的屏幕上能显示完整,一旦在800*600的屏幕上是就显示不完整,为了让图片的大小能适应不同的分辨率,可以这样来设置背景:

<div style="width:360px;height:200px;border:red 1px solid; margin-left:100px; margin-top:300px; position:relative; ">
<img style="position:absolute;left:0px;top:0px;width:100%;height:100%;z-Index:-1; border:1px solid blue" src="包囊.png" />背景图片的验证
</div>

这里需要提出几点:

   1.<img/>的z-index为-1,其实也就相当于一个背景的设置;

   2.width height设为100%是解决问题的关键;

猜你喜欢

转载自blog.csdn.net/weixin_42114097/article/details/81280841