jquery/css 背景更改未显示在 Chrome 中

Question

我正在使用 jquery 更改正文的背景(当链接悬停时)。它在 FF 和 IE 中完美运行，但 Chrome(v37) 不会更改背景。

我尝试让它与 Chrome 中的 JS 控制台一起工作，但即使在那里它也不会改变 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"]});

});

注意:有必要读取和写入所有使用的背景属性，否则当仅使用 jquery 更改“背景图像”时，它们将丢失。

Answer 1

错误在正文的 display:inline 中。我认为背景中的内联没有意义。希望它有效。