编程 Javascript

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

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

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

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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