HTML中使背景图片自适应浏览器大小
来源:互联网 发布:期货技术分析软件 编辑:程序博客网 时间:2024/04/29 03:59
由于<body>标签的图片不能够拉伸,
如此做才使得图片周围没有多余的白边。
解决办法:
1、图片不够大,又background属性不能拉伸图片; 2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> 3、body的background属性去掉,要不然会被遮住
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title>hello world</title>
- </head>
- <body>
- <div id="Layer1" style="position:absolute; width:100%; height:100%; z-index:-1">
- <img src="pictures/background.jpg" height="100%" width="100%"/>
- </div>
- </body>
- </html>
有一点不完美!楼主代码应该改成
- <div style="position:absolute; width:100%; height:100%; z-index:-1; left:0; top:0;">
- <img src="pictures/background.jpg" height="100%" width="100%" style="left:0; top:0;">
- </div>
如此做才使得图片周围没有多余的白边。
0 0
- HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- 【项目开发】HTML中使背景图片自适应浏览器大小
- 背景图片自适应浏览器大小
- html背景图片自适应浏览器
- 如何使背景图片自适应浏览器大小
- html中背景图片只适应浏览器大小
- HTML中 <div>标签内背景图片自适应div大小
- html背景图片自适应游览器大小
- html/css背景图片自适应分辨率大小
- CSS背景图片自适应 根据浏览器分辨率大小自动伸缩
- 友好代码注释
- 每天一个linux命令(4):mkdir命令
- Java动态代理实现原理浅析
- 二叉树右视图
- oc的基本数据类型
- HTML中使背景图片自适应浏览器大小
- poj 1189 钉子和小球 概率dp转化为计数dp
- js、Extjs中函数的赋值和调用
- Bash on Windows 抢鲜测试 -- 介绍及安装
- iOS单个ViewController支持横屏,其他全竖屏方法
- 阿里巴巴的哪些年开源的代码
- Nginx安装
- D3.js学习笔记十二:D3.js构图(d3.layout)——力学(Force)图
- 修改MFC主窗口界面标题和图标的方法