日期:2014-05-16  浏览次数:20384 次

js 设置div背景图大小
用js给一个div设置背景图
div.css("background","url("images.jpg") no-repeat");
这个div的大小为 400*300
原图大小为800*600
最后导致只能看到一半图片
我想背景图能显示这张图片 又不改变原图大小
js能实现吗?
div.css("background","url("+方法(images.jpg)+") no-repeat");

最好是能外面加个方法 让我调用 返回的图片是400*300的
------解决方案--------------------
background-image 不行吗?
------解决方案--------------------
当然不行,你等于实际把图片进行操作,你可以用JS把图片大小按照你定义的比例在页面输出,可以用绝对定位,也就类似与背景图片,这个方法应该也是可行的~
------解决方案--------------------
IE可以使用滤镜,但不兼容w3c浏览器。

变通的方法就是设置div的position为relative,div内嵌入img标签加载图片,图片position为absolute作为其他内容的背景就行了

<div style="position:relative;width:300px;height:200px">
<img src="http://www.coding123.net/logo.jpg" style="position:absolute;width:100%;height:100%"/>
<div style="position:relative;"><a href="http://www.coding123.net/">编程设计网</a></div>
</div>