jquery / css后台更改未显示在Chrome中

时间:2014-09-27 14:33:42

标签: jquery css google-chrome background

我用jquery改变了身体的背景(当链接悬停时)。它在FF和IE中完美运行,但Chrome(v37)并没有改变背景。

我尝试将它与Chrome控制台一起使用,但即便如此,它也无法改变BG。

请参阅此示例:除非调整窗口大小,否则它不会更改(完整)BG。在我的实时网站上,它根本不会改变BG。

http://jsfiddle.net/vk503agt/

    $("a").mouseover(function (){

    var bg = $("body").css(["background-image","background-repeat","background-attachment","background-size","background-position"]);

    var bgimage = bg["background-image"];

    bg["background-image"]=bgimage.replace(/http.+jpg/,"http://fc01.deviantart.net/fs17/f/2007/129/7/4/Stock_032__by_enchanted_stock.jpg");

    $("body").css({"background-image":bg["background-image"],"background-repeat":bg["background-repeat"],"background-attachment":bg["background-attachment"],"background-size":bg["background-size"],"background-position":bg["background-position"]});

});

注意:必须读取和写入所有使用过的背景属性,否则只有在更改" background-image"时才会丢失它们。用jquery。

1 个答案:

答案 0 :(得分:0)

错误位于正文的显示:内联中。 我认为背景中的内联没有意义。 希望它有效。