前几天在作一个网页想把一个分辨率比较大的一个背景图片自动适应窗口大小,可是网上搜了下大都是使用css
JS控制网页背景随窗口大小自动适应的,并且大都效果不理想,最后终于找到了一个简单的办法
原本是想看看css能不能实现背景图片自动适应窗口的的,可是惋惜的是在CSS2中,背景图的大小在样式中css3
是不可控的,好比要想使得背景图填充满某个区域,你要么从新作张大点的图,要么就只能让它以平铺的方图片
式来填 充。想用css3中的background-size吧,可是它如今兼容性不是很好,对于IE来讲只能兼容IE9
因此下面我就使用了下面的方法成功的把一个1920x1200的图片自动适应窗口
<body>
<img src="./1.jpg" width="100%" height="100%" style="z-index:-it
100;position:absolute;left:0;top:0">
这里是你本身写的其余东西
</body>
你们有兴趣的也能够试试!没有什么复杂的脚本也能够实现网页背景图片自动适应窗口大小!
中国数据 q:800013911转1018io