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


Posted in Javascript onApril 06, 2017

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 二维数组
Nov 26 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
Mar 03 Javascript
JavaScript作用域链示例分享
May 27 Javascript
前端框架Vue.js构建大型应用浅析
Sep 12 Javascript
实例浅析js的this
Dec 11 Javascript
Vue生命周期示例详解
Apr 12 Javascript
jQuery 表单序列化实例代码
Jun 11 jQuery
浅谈Vue2.0父子组件间事件派发机制
Jan 08 Javascript
关于axios如何全局注册浅析
Jan 14 Javascript
微信小程序 可搜索的地址选择实现详解
Aug 28 Javascript
微信小程序实现简单的select下拉框
Nov 23 Javascript
Vue OpenLayer测距功能的实现
Apr 20 Vue.js
ES6中的箭头函数实例详解
Apr 06 #Javascript
ES6字符串模板,剩余参数,默认参数功能与用法示例
Apr 06 #Javascript
详谈js遍历集合(Array,Map,Set)
Apr 06 #Javascript
javascript中this用法实例详解
Apr 06 #Javascript
selenium 与 chrome 进行qq登录并发邮件操作实例详解
Apr 06 #Javascript
js遍历获取表格内数据的方法(必看)
Apr 06 #Javascript
JS优化与惰性载入函数实例分析
Apr 06 #Javascript
You might like
PHP has encountered an Access Violation
2007/01/15 PHP
php 获取一个月第一天与最后一天的代码
2010/05/16 PHP
php文件怎么打开 如何执行php文件
2011/12/21 PHP
PHP清除数组中所有字符串两端空格的方法
2014/10/20 PHP
PHP实现正则表达式分组捕获操作示例
2018/02/03 PHP
PHP Beanstalkd消息队列的安装与使用方法实例详解
2020/02/21 PHP
JavaScript中的Window窗口对象
2008/01/16 Javascript
DHTML Slide Show script图片轮换
2008/03/03 Javascript
JQuery的一些小应用收集
2010/03/27 Javascript
深入分析JQuery和JavaScript的异同
2014/10/23 Javascript
javascript常用代码段搜集
2014/12/04 Javascript
分享10个原生JavaScript技巧
2015/04/20 Javascript
全面了解JavaScript的数据类型转换
2016/07/01 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
2016/07/07 Javascript
JS实现仿百度文库评分功能
2017/01/12 Javascript
JS验证input输入框(字母,数字,符号,中文)
2017/03/23 Javascript
利用JS响应式修改vue实现页面的input值
2019/09/02 Javascript
javascript实现商品图片放大镜
2019/11/28 Javascript
浅析vue cli3 封装Svgicon组件正确姿势(推荐)
2020/04/27 Javascript
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
2020/05/13 Javascript
python自动格式化json文件的方法
2015/03/11 Python
Ubuntu 下 vim 搭建python 环境 配置
2017/06/12 Python
Python 处理数据的实例详解
2017/08/10 Python
Python探索之URL Dispatcher实例详解
2017/10/28 Python
Python重新加载模块的实现方法
2018/10/16 Python
python爬虫获取百度首页内容教学
2018/12/23 Python
Python读取实时数据流示例
2019/12/02 Python
尤妮佳moony海外旗舰店:日本殿堂级纸尿裤品牌
2018/02/23 全球购物
北京捷通华声语音技术有限公司Java软件工程师笔试题
2012/04/10 面试题
医药专业推荐信
2013/11/15 职场文书
餐饮管理自我介绍信
2014/01/15 职场文书
体育教师个人的自我评价
2014/02/16 职场文书
机工车间主任岗位职责
2014/03/05 职场文书
初中学生操行评语
2014/12/26 职场文书
岳庙导游词
2015/02/04 职场文书
Redis安装使用RedisJSON模块的方法
2022/03/23 Redis