HTML中使背景图片自适应浏览器大小
2016-10-09 00:00
162 查看
解决办法:
1、图片不够大,又background属性不能拉伸图片;
2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> ;
3、body的background属性去掉,要不然会被遮住。
如果想让图片不随浏览器右边滚动条滚动,就用position:fixed属性。wordpress建站的达人们也可以用此方法,在指定页面定制自己的背景图片。
1、图片不够大,又background属性不能拉伸图片;
2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> ;
3、body的background属性去掉,要不然会被遮住。
<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建站的达人们也可以用此方法,在指定页面定制自己的背景图片。
相关文章推荐
- HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小实例详解
- HTML中使背景图片自适应浏览器大小
- html中背景图片只适应浏览器大小
- HTML中通过CSS设置背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- 【项目开发】HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- 背景图片自适应浏览器大小
- HTML中 <div>标签内背景图片自适应div大小
- 用background-size实现 背景图片自适应浏览器大小,但不变形
- HTML中使背景图片自适应浏览器大小
- 如何使背景图片自适应浏览器大小
- 背景图片自适应浏览器分辨率大小并自动拉伸全屏代码
- 网页背景图片自适应浏览器大小