想让背景图片拉伸显示,但是不知道是什么原因,用background-size:cover;如果页面内容不能充满整个页面,这个属性不起作用(用的chrome,IE10),有碰到这种问题的吗?
$(function () {
$("body").css({ "background": "url(@(img))", "background-positon": "100% 100%", "background-repeat": "no-repeat", "-moz-background-size": "contain", "-webkit-background-size": "cover", "background-size": "cover" });
});
试试吧。我用的这个!不过这是手机端的。如果不行,就去掉 "-moz-background-size": "contain", "-webkit-background-size": "cover",这个试试
谢谢哦,不可以呢
@绿茶叶: ……恕我无能,只能帮你到这里了。
background-size:cover; 各浏览器兼容性有问题的。
解决这个最简单的方法, 做个大的背景图, 背景只能缩, 不可放。
也可以用img代替, 监听window的resize事件。 再做图片的缩放。
否则别无它法了。