背景图片自适应分辨率大小
来源:互联网 发布:淘宝直销店是正品吗 编辑:程序博客网 时间:2024/05/16 10:10
1、问题;图片不够大,background属性又不能拉伸图片;
2、解决办法:只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> ,并且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>
2、解决办法:只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> ,并且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>
- 背景图片自适应分辨率大小
- html/css背景图片自适应分辨率大小
- picturebox的背景图片怎么能根据分辨率大小自适应。?
- CSS背景图片自适应 根据浏览器分辨率大小自动伸缩
- 背景图片自适应分辨率浏览器大小自动拉伸全屏代码
- html/js 实现背景图片自适应窗口分辨率大小
- 背景图片自适应浏览器大小
- 背景图片自适应大小(css3)
- widget背景图片自适应大小
- 背景图片自适应大小(css3)
- css实现背景图片自适应大小
- css 背景图片自适应元素大小
- 背景图片按比例拉伸自适应大小
- winfrom-背景图片填充自适应大小
- pyqt窗口背景图片自适应大小
- 手机分辨率大小自适应功能
- 如何实现背景图片自适应td大小
- CSS 实现背景图片自适应td大小
- uva 10304 - Optimal Binary Search Tree
- 面向对象之异常
- ZOJ 1181 Word Amalgamation(单词融合)
- ul中li的居中问题
- RQNOJ 开心的金明(0/1背包)
- 背景图片自适应分辨率大小
- java 内存分布
- 让IE支持各种标签的伪类样式
- 数据结构顺序队列的各种操作
- java 多线程基本知识
- How to consume web service base on WSDL
- CentOS 6.3安装和配置VNC
- 常用开源工具介绍(不定期更新)
- HDU ACM:1003 Max Sum