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

解决办法:

1、使用div,设置z-index为负数,并使此div大小为整个body的大小;

2、div里放个<img>标签,显示图片;

3、body标签的background属性去掉

具体见代码:

1
2
3
<div style="position:absolute; width:100%; height:100%; z-index:-1;">
    <img src="img/bg_home.png" height="100%" width="100%">
</div>

<div style=”position:absolute; width:100%; height:100%; z-index:-1;”>
</img src=”bg_home.jpg” height=”100%” width=”100%”>
</div>
<div style=”width:1100px;margin:0 auto;”>
<div style=”height:768px;width:100%;background-image:url(bg_home.jpg);background-repeat:no-repeat;background-size:contain;”>
</div>
</div>

Leave a Comment

 
Copyright © 2008-2021 lanxinbase.com Rights Reserved. | 粤ICP备14086738号-3 |