背景图片自适应浏览器大小
2014-01-03 11:04
232 查看
在网页开发中,我们不可能永远用绝对布局来开发网页。当然,大家对div,table等等的百分比布局非常熟悉。今天我要记录的就是背景图片的自适应大小。相信很多和我一样的菜鸟都在期待这个问题吧!
请看源码:
<title>背景图片自适应大小</title>
<style>
*{margin:0;padding:0;}
div.fullscreen{margin:0;padding:0;position:absolute; width:100%; height:100%; z-index:-1;}
</style>
</head>
<body>
<div id="imgb" class="fullscreen">
<img src="slide2.jpg" height="100%" width="100%"/>
</div>
</body>
其实就这么简单的。只是没想到而已!
请看源码:
<title>背景图片自适应大小</title>
<style>
*{margin:0;padding:0;}
div.fullscreen{margin:0;padding:0;position:absolute; width:100%; height:100%; z-index:-1;}
</style>
</head>
<body>
<div id="imgb" class="fullscreen">
<img src="slide2.jpg" height="100%" width="100%"/>
</div>
</body>
其实就这么简单的。只是没想到而已!
相关文章推荐
- HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- 背景图片自适应浏览器分辨率大小并自动拉伸全屏代码
- 网页背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- 用background-size实现 背景图片自适应浏览器大小,但不变形
- html中背景图片只适应浏览器大小
- 背景图片自适应浏览器大小
- 【项目开发】HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- 如何使背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小实例详解
- HTML中使背景图片自适应浏览器大小
- HTML中通过CSS设置背景图片自适应浏览器大小
- HTML中使背景图片自适应浏览器大小
- 如何实现背景图片自适应td大小