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

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