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大小可以收缩。