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

jQuery使用ajaxSubmit()提交表单示例

Apr 04 Javascript

jquery实现兼容IE8的异步上传文件

Jun 15 Javascript

全面解析JS字符串和正则表达式中的match、replace、exec等函数

Jul 01 Javascript

AngularJS使用ng-options指令实现下拉框

Aug 23 Javascript

Kendo Grid editing 自定义验证报错提示的解决方法

Nov 18 Javascript

详解a++和++a的区别

Aug 30 Javascript

基于Vue的SPA动态修改页面title的方法(推荐)

Jan 02 Javascript

JavaScript JMap类定义与使用方法示例

Jan 22 Javascript

详解Node.js amqplib 连接 Rabbit MQ最佳实践

Jan 24 Javascript

node-red File读取好保存实例讲解

Sep 11 Javascript

JQuery通过键盘控制键盘按下与松开触发事件

Aug 07 jQuery

javascript实现随机抽奖功能

Dec 30 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和js交互一例-PHP教程,PHP应用

2007/01/03 PHP

PHP spl_autoload_register实现自动加载研究

2011/12/06 PHP

CMS中PHP判断系统是否已经安装的方法示例

2014/07/26 PHP

作为程序员必知的16个最佳PHP库

2015/12/09 PHP

phplist及phpmailer(组合使用)通过gmail发送邮件的配置方法

2016/03/30 PHP

php表单加入Token防止重复提交的方法分析

2016/10/10 PHP

PHP与SQL语句常用大全

2016/12/10 PHP

php 常用的系统函数

2017/02/07 PHP

php根据用户名和手机号查询是否存在手机号码

2017/02/16 PHP

PHP单例模式模拟Java Bean实现方法示例

2018/12/07 PHP

Yii2框架自定义类统一处理url操作示例

2019/05/25 PHP

yii2.0框架场景的简单使用示例

2020/01/25 PHP

javascript 可以拖动的DIV（二）

2009/06/26 Javascript

JQuery的一些小应用收集

2010/03/27 Javascript

轻松创建nodejs服务器（3）：代码模块化

2014/12/18 NodeJs

jquery带翻页动画的电子杂志代码分享

2015/08/21 Javascript

Bootstrap实现默认导航栏效果

2020/09/21 Javascript

理解JS绑定事件

2016/01/19 Javascript

Jquery实时监听input value的实例

2017/01/26 Javascript

JS实现控制图片显示大小的方法【图片等比例缩放功能】

2017/02/18 Javascript

一次围绕setTimeout的前端面试经验分享

2017/06/15 Javascript

解决Jstree 选中父节点时被禁用的子节点也会选中的问题

2017/12/27 Javascript

Node.js 实现简单的无侵入式缓存框架的方法

2019/07/21 Javascript

[02:43]DOTA2英雄基础教程圣堂刺客

2013/12/09 DOTA

Python开发WebService系列教程之REST,web.py,eurasia,Django

2014/06/30 Python

python与sqlite3实现解密chrome cookie实例代码

2018/01/20 Python

pandas分区间,算频率的实例

2019/07/04 Python

Python高级编程之继承问题详解(super与mro)

2019/11/19 Python

纯CSS3实现地球自转实现代码(图文教程附送源码)

2012/12/26 HTML / CSS

巴西网上药房：onofre

2016/11/21 全球购物

国外平面设计素材网站：The Hungry JPEG

2017/03/28 全球购物

俄罗斯香水和化妆品在线商店：Aroma-butik

2020/02/28 全球购物

社区活动邀请函范文

2014/01/29 职场文书

Python基础之字符串格式化详解

2021/04/21 Python

实现GO语言对数组切片去重

2022/04/20 Golang

Vue 打包后相对路径的引用问题

2022/06/05 Vue.js