Question

下面的代码工作正常但不在IE6，IE7下面，代码是否有任何错误请帮忙

$(document).ready(function(){

    $(".backgroundElement").bind( "keyup change", function () {

        var color=$("#colorpickerField1").attr('value');
        var brnbackgroundurl=$("#brnbackgroundurl").attr('value');
        var scrollwithpage=$('#scrollwithpage').val();
        var bgposition=$('#bgposition').val();
        var bgrepeat=$('#bgrepeat').val();

        $("body").css({
           'background':'#'+color,
           'background':'url('+brnbackgroundurl+')'+bgrepeat+' '+ bgposition,
           'background-attachment':scrollwithpage
        });
    });

});

Answer 1

'url('+brnbackgroundurl+')'+bgrepeat

我认为错误就在这部分，你错过了一个空间。

像这样：

'url('+brnbackgroundurl+') '+bgrepeat

要避免更多问题，只需使用正确的属性顺序即可。来自w3schools的例子：

background: #00ff00 url('smiley.gif') no-repeat fixed center;

Answer 2

您可以将背景设置两次。尝试使用background-image作为第二个参数。

我的jquery代码不工作IE6，IE7

2 个答案: