有替代background-size：cover吗？

Question

特别是在使用Chrome时，它会产生很大的滚动滞后，还会影响页面上的动画并使它们的结结变得非常糟糕。

那么，background-size：cover是否有替代方法？ 我已经尝试了几件事，包括插件jQuery backstretch，但实际上它产生的延迟与background-size：cover一样多。

Answer 1

我一直在寻找这个，终于找到了答案。 但是，这只是移动解决方案。 （很抱歉恢复旧帖子）：

/* portrait */
@media screen and (orientation:portrait) {
    .box{
    /* portrait-specific styles */
    background-size: auto 100%;
    }
}
/* landscape */
@media screen and (orientation:landscape) {
   .box{
    /* landscape-specific styles */
    background-size: 100% auto;
    }
}

（这是为较宽的图像写的。要切换它，请将100%和auto翻转。）它有两个部分。 第一部分涉及@media screen and (orientation:landscape或portait) 。 这将根据不同的屏幕方向显示不同的图像。 第二部分更有趣： 100% width或length根据width或length填充图像，而auto只是会确保正确缩放图像。 因此，如果图像的长度大于宽度，则在纵向模式下，图像将在较长的一侧充满，从而具有覆盖效果（反之亦然）。

Answer 2

试试吧 ，

   background-size:cover;
   -moz-background-size:cover;
   -o-background-size:cover;
   -webkit-background-size:cover;

或者您可以尝试使用javascript，

function actualizar_fondo(imagen){
    $('body').css({"background":"url(img/"+imagen+".jpg) no-repeat center center fixed"});
    $('body').css({"-webkit-background-size":"cover"});
    $('body').css({"-moz-background-size":"cover"});
    $('body').css({"-o-background-size":"cover"});
    $('body').css({"background-size":"cover"});
                                 }

或者，您可以按照falguni所说的那样转到此链接 。 这里是文档！