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 相关文章推荐
ie6下png图片背景不透明的解决办法使用js实现
Jan 11 Javascript
页面载入结束自动调用js函数示例
Sep 23 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
Oct 14 Javascript
原生js和jquery实现图片轮播特效
Apr 23 Javascript
JavaScript中的some()方法使用详解
Jun 09 Javascript
Javascript实现快速排序(Quicksort)的算法详解
Sep 06 Javascript
jQuery控制文本框只能输入数字和字母及使用方法
May 26 Javascript
关于Vue.js一些问题和思考学习笔记(2)
Dec 02 Javascript
react高阶组件经典应用之权限控制详解
Sep 07 Javascript
JS实现数组去重,显示重复元素及个数的方法示例
Jan 21 Javascript
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】
May 14 Javascript
layui当点击文本框时弹出选择框,显示选择内容的例子
Sep 02 Javascript
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+apc+ajax实现的ajax_upload上传进度条代码
2016/01/25 PHP
Laravel 微信小程序后端搭建步骤详解
2019/11/26 PHP
Code:loadScript( )加载js的功能函数
2007/02/02 Javascript
从JavaScript的函数重名看其初始化方式
2007/03/08 Javascript
在你的网页中嵌入外部网页的方法
2007/04/02 Javascript
JS Map 和 List 的简单实现代码
2013/07/08 Javascript
jquery鼠标滑过提示title具体实现代码
2013/08/06 Javascript
浅谈javascript 函数内部属性
2015/01/21 Javascript
js实现浏览本地文件并显示扩展名的方法
2015/08/17 Javascript
js实现全国省份城市级联下拉菜单效果代码
2015/09/07 Javascript
基于AngularJS+HTML+Groovy实现登录功能
2016/02/17 Javascript
jQuery获取table行数并输出单元格内容的实现方法
2016/06/30 Javascript
JavaScript组件开发之输入框加候选框
2017/03/10 Javascript
Angular.js中window.onload(),$(document).ready()的写法浅析
2017/09/28 Javascript
对vue里函数的调用顺序介绍
2018/03/17 Javascript
JS跨域请求的问题解析
2018/12/03 Javascript
微信小程序picker组件关于objectArray数据类型的绑定方法
2019/03/13 Javascript
详解JavaScript作用域和作用域链
2019/03/19 Javascript
vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)
2020/01/14 Javascript
[02:15]你好,这就是DOTA!
2015/08/05 DOTA
python 正则式 概述及常用字符
2009/05/07 Python
Python打印“菱形”星号代码方法
2018/02/05 Python
Python 输入一个数字判断成绩分数等级的方法
2018/11/15 Python
使用Python实现企业微信的自动打卡功能
2019/04/30 Python
使用python实现unix2dos和dos2unix命令的例子
2019/08/13 Python
使用pygame编写Flappy bird小游戏
2020/03/14 Python
Django model.py表单设置默认值允许为空的操作
2020/05/19 Python
基于ccs3的timeline时间线实现方法
2020/04/30 HTML / CSS
自我评价的正确写法
2013/09/19 职场文书
运动会获奖感言
2014/02/11 职场文书
党建目标管理责任书
2014/07/25 职场文书
2014年高中生自我评价范文
2014/09/26 职场文书
党的群众路线教育实践活动个人整改措施落实情况
2014/11/04 职场文书
二审答辩状格式
2015/05/22 职场文书
Python 中random 库的详细使用
2021/06/03 Python
详解非极大值抑制算法之Python实现
2021/06/28 Python