在网页开发中,我们不可能永远用绝对布局来开发网页。当然,大家对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>
其实就这么简单的。只是没想到而已!