js 设置div背景图大小

Question

用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的

Answer 1

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>