网页背景图片自动适应窗口大小的代码
2013-10-28 20:36
666 查看
前几天在做一个网页想把一个分辨率比较大的一个背景图片自动适应窗口大小,但是网上搜了下大都是使用
JS控制网页背景随窗口大小自动适应的,而且大都效果不理想,最后终于找到了一个简单的办法 本来是想看看css能不能实现背景图片自动适应窗口的的,但是可惜的是在CSS2中,背景图的大小在样式中
是不可控的,比如要想使得背景图填充满某个区域,你要么重新做张大点的图,要么就只能让它以平铺的方
式来填 充。想用css3中的background-size吧,但是它现在兼容性不是很好,对于IE来说只能兼容IE9 所以下面我就使用了下面的方法成功的把一个1920x1200的图片自动适应窗口 <body> <img src="./1.jpg" width="100%" height="100%" style="z-index:-
100;position:absolute;left:0;top:0"> 这里是你自己写的其他东西 </body>
大家有兴趣的也可以试试!没有什么复杂的脚本也可以实现网页背景图片自动适应窗口大小!
JS控制网页背景随窗口大小自动适应的,而且大都效果不理想,最后终于找到了一个简单的办法 本来是想看看css能不能实现背景图片自动适应窗口的的,但是可惜的是在CSS2中,背景图的大小在样式中
是不可控的,比如要想使得背景图填充满某个区域,你要么重新做张大点的图,要么就只能让它以平铺的方
式来填 充。想用css3中的background-size吧,但是它现在兼容性不是很好,对于IE来说只能兼容IE9 所以下面我就使用了下面的方法成功的把一个1920x1200的图片自动适应窗口 <body> <img src="./1.jpg" width="100%" height="100%" style="z-index:-
100;position:absolute;left:0;top:0"> 这里是你自己写的其他东西 </body>
大家有兴趣的也可以试试!没有什么复杂的脚本也可以实现网页背景图片自动适应窗口大小!
相关文章推荐
- 网页背景图片自动适应窗口大小的代码
- 网页背景图片自动适应窗口大小的代码
- 背景图片自适应浏览器分辨率大小并自动拉伸全屏代码
- JS控制网页背景随窗口大小自动适应
- 背景图片自适应分辨率浏览器大小自动拉伸全屏代码
- 图片自动适应大小jquery代码
- CSS控制背景图片随网页或容器自动调整大小
- 基于jQuery的图片大小自动适应实现代码
- 网页背景图片不平铺,自适应窗口大小
- java 添加背景图片(可根据窗口大小自动调整显示图片)
- 弹出自适应图片大小的窗口弹出窗口根据图片大小,自动判断高和宽。
- 弹出自适应图片大小的窗口弹出窗口根据图片大小,自动判断高和宽
- 解决网页背景图片不能自动适应的方法
- 背景图片有边框线条. 内容自动适应. 自动随窗口宽度的改变而改变.
- html 网页背景图片根据屏幕大小CSS自动缩放
- asp.net背景图片自动适应屏幕大小
- JDesktopPane改变窗体大小时背景图片自动适应窗体大小
- 基于jQuery的图片大小自动适应实现代码
- Qt5:随窗口大小变化背景图片自动缩放的实现
- Qt5:随窗口大小变化背景图片自动缩放的实现【转】