HTML中使背景图片自适应浏览器大小

最新推荐文章于 2022-01-21 06:13:07 发布

purple尘

最新推荐文章于 2022-01-21 06:13:07 发布

阅读量1.1k

点赞数 1

分类专栏： Html

Html 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

间接转载，源地址不详。

解决办法：

1、图片不够大，又background属性不能拉伸图片；

2、只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用<img> ；

3、body的background属性去掉，要不然会被遮住。

[html]view plaincopy 
   
print?
 <html>  
 <body>  
 <div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">  
 <img src="pictures/background.jpg" width="100%" height="100%"/>  
 </div>  
 </body>  
 </html>  

如果想让图片不随浏览器右边滚动条滚动，就用position:fixed属性。wordpress建站的达人们也可以用此方法，在指定页面定制自己的背景图片。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

purple尘

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
HTML中使背景图片自适应浏览器大小

间接转载，源地址不详。解决办法：1、图片不够大，又background属性不能拉伸图片； 2、只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用；3、body的background属性去掉，要不然会被遮住。[html] view plain copy print
复制链接

扫一扫