日期:2014-05-17  浏览次数:20710 次

div背景图设置
我有一张原图大小为 800*600
现在想把它作为div的背景图 
div大小 400*300
我想背景能看到整张图。 又不想改变原图的大小。
求指导。

------解决方案--------------------
我觉得不要任何处理吧,设定一个width和height就可以了呀?
我的网站聚划算团购首页的图片大小,就是和原始图片大小不一样呀。
用width height控制高度的
------解决方案--------------------
引用:
你回答的挺好的。我想达到所有浏览器都兼容。可是你第二个方法不是我想要的.

纯CSS的话,没有办法做到“所有浏览器兼容”。

-o-background-size: 400px 300px;
-webkit-background-size: 400px 300px;
-khtml-background-size: 400px 300px;
-moz-background-size: 400px 300px;
background-size: 400px 300px;

只支持:Opera, Safari, Chrome, Firefox, Konqueror, IE9+

BTW:为什么非要background呢?从SEO角度,img可以,background什么也不是。

最后一招,JS控制,比如jquery插件。比如下面这一款
http://www.ajaxblender.com/bgstretcher-2-jquery-stretch-background-plugin-updated.html
按DEMO,控制浏览器窗口大小,刷新页面。你可以看到background大小可以收缩。