+ -
当前位置:首页 → 问答吧 → 热题讨论:背景图片自适应浏览器大小,但不变形

热题讨论:背景图片自适应浏览器大小,但不变形

时间:2011-05-28

来源:互联网

大家都知道,很多flash站都用到了一张背景图,然后根据浏览器大小自动缩放,但图片不变形。
在CSS3中,有属性:
background-size: cover;  //只支持IE9+
-webkit-background-size: cover; //webkit核心
-moz-background-size: cover; //FF核心
-o-background-size: cover; //应该是Opera核心吧,反正不是IE的,就先不管它了
以上几个css3属性都可以很好的支持根据浏览器大小自适应大小,但是问题来了,国人的网络流行速度还真是比较慢,必须得考虑一下IE6、IE7、IE8的用户吧!
不知道大家都有什么好方法来代替?

为了大家测试,这里先送上一张美女,看!她在对你笑呢!
看大家如何把她在IE6/IE7/IE8下变的楚楚动人,且又不变胖或者不变瘦!

图片大小为900*562大小,为了让大家在高于1024分辨率下测试



------------------------------------
楼主请换一个图片,此图太艺术.....

作者: teng315   发布时间: 2011-05-28

如果你能让nokia1110收彩信,我想应该会有人很蛋痛写一堆JS来帮你完成你的需求的。

作者: phantom   发布时间: 2011-05-30