HTML中使背景图片自适应浏览器大小实例详解

更新时间：2017年04月06日 11:20:21 投稿：lqh

这篇文章主要介绍了HTML中使背景图片自适应浏览器大小实例详解的相关资料,需要的朋友可以参考下

HTML中使背景图片自适应浏览器大小实例详解

解决办法：

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建站的达人们也可以用此方法，在指定页面定制自己的背景图片。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

分析 JavaScript 中令人困惑的变量赋值
分析 JavaScript 中令人困惑的变量赋值...
2007-08-08
DHTML 中的绝对定位
DHTML 中的绝对定位...
2006-11-11
js更优雅的兼容
对于JS框架开发中的客户端（浏览器）兼容难题，各位想必都不陌生。平常，我们都用if去面对接口不一致以及成堆的bug。然而，这里介绍的方法却可以让兼容更加优雅。
2010-08-08
解决layui laydate 时间控件一闪而过的问题
今天小编就为大家分享一篇解决layui laydate 时间控件一闪而过的问题，具有好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
javascript replace()方法的简单分析
javascript中replace()在javascript中，String的函数replace()简直太让人喜爱了。它灵活而强大的字符替换处理能力，让我不禁想向大家介绍它。
2008-11-11
JS变量及其作用域
本文主要介绍了JS变量及其作用域的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧
2017-03-03
JavaScript更改原始对象valueOf的方法
这篇文章主要介绍了JavaScript更改原始对象valueOf的方法,涉及javascript使用自定义valueOf函数替换掉原始object中valueOf的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-03-03
微信JS-SDK坐标位置如何转换为百度地图坐标
这篇文章主要介绍了微信JS-SDK坐标位置如何转换为百度地图坐标的相关资料，感兴趣的小伙伴们可以参考一下
2016-07-07
送你43道JS面试题(收藏)
这篇文章主要介绍了送你43道JS面试题,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-06-06
layui table 表格模板按钮的实例代码
今天小编就为大家分享一篇layui table 表格模板按钮的实例代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09