编程 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 相关文章推荐

location.href 在IE6中不跳转的解决方法与推荐使用代码

Jul 08 Javascript

jquery中交替点击事件toggle方法的使用示例

Dec 08 Javascript

SinaEditor使用方法详解

Dec 28 Javascript

js的2种继承方式详解

Mar 04 Javascript

js实现支持手机滑动切换的轮播图片效果实例

Apr 29 Javascript

javascript设计模式--策略模式之输入验证

Nov 27 Javascript

js实现按钮控制带有停顿效果的图片滚动

Aug 30 Javascript

jQuery自定义插件详解及实例代码

Dec 29 Javascript

AngularJS 前台分页实现的示例代码

Jun 07 Javascript

为vue项目自动设置请求状态的配置方法

Jun 09 Javascript

layui输入框只允许输入中文且判断长度的例子

Sep 18 Javascript

JavaScript React如何修改默认端口号方法详解

Jul 28 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中，文件上传

2006/12/06 PHP

PHP获取文件绝对路径的代码(上一级目录)

2011/05/29 PHP

ThinkPHP之M方法实例详解

2014/06/20 PHP

在WordPress中使用PHP脚本来判断访客来自什么国家

2015/12/10 PHP

Zend Framework开发入门经典教程

2016/03/23 PHP

PC端微信扫码支付成功之后自动跳转php版代码

2017/07/07 PHP

JS request函数用来获取url参数

2010/05/17 Javascript

JavaScript控制table某列不显示的方法

2015/03/16 Javascript

JavaScript中Boolean对象的属性解析

2015/10/21 Javascript

js根据手机客户端浏览器类型，判断跳转官网/手机网站多个实例代码

2016/04/30 Javascript

移动端横屏的JS代码(beta)

2016/05/16 Javascript

JS实现的打字机效果完整实例

2016/06/20 Javascript

JS实现获取当前URL和来源URL的方法

2016/08/24 Javascript

JS判断form内所有表单是否为空的简单实例

2016/09/09 Javascript

[原创]JS基于FileSaver.js插件实现文件保存功能示例

2016/12/08 Javascript

JS实现动态给标签控件添加事件的方法示例

2017/05/13 Javascript

js轮播图无缝滚动效果

2017/06/17 Javascript

详解vue-cli之webpack3构建全面提速优化

2017/12/25 Javascript

vue脚手架搭建过程图解

2018/06/06 Javascript

深入理解JavaScript的值传递和引用传递

2018/10/24 Javascript

vue+elementui 对话框取消表单验证重置示例

2019/10/29 Javascript

vue select 获取value和lable操作

2020/08/28 Javascript

基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能

2021/01/05 Vue.js

[07:08]2014DOTA2西雅图国际邀请赛小组赛7月11日TOPPLAY

2014/07/11 DOTA

[02:51]DOTA2 2015国际邀请赛中国区预选赛第一日战报

2015/05/27 DOTA

[01:04:49]KG vs LGD 2019国际邀请赛小组赛 BO2 第二场 8.15

2019/08/16 DOTA

python通过定义一个类实例作为ftp回调方法

2015/05/04 Python

python遍历序列enumerate函数浅析

2017/10/17 Python

python实现将excel文件转化成CSV格式

2018/03/22 Python

详解python中init方法和随机数方法

2019/03/13 Python

pytorch中torch.max和Tensor.view函数用法详解

2020/01/03 Python

MAC彩妆澳洲官网：M·A·C AU

2021/01/17 全球购物

路德维希•贝克(LUDWIG BECK)中文官网：德国大型美妆百货

2020/09/19 全球购物

法人委托书范本

2014/09/15 职场文书

2014年幼儿园小班工作总结

2014/12/04 职场文书

2015年公务员转正工作总结

2015/04/24 职场文书