使用jQuery替换背景图像不起作用

Question

我创建了一个父div。在div中有多个子div：第一个是背景图像，第二个是网站名称，第三个是文本。

使用jQuery，当用户在第二个div上悬停时，即网站名称div，第三个div即text div是可见的。

现在我想要的是，当文本div变得可见时，也替换第一个div中的图像。到目前为止，这是我的HTML和jQuery代码：

HTML：

<div class="layer-3" style="opacity: 1;">
        <a href="#">
            <div class="contentImg3">{Div holding the image as a background}</div>

            <div class="contentBlock3" style="opacity: 1;">
                <span class="btn-block">
                    <span class="help-block webHdln">Website Name</span>
                </span>
            </div>

            <div class="contentText3">text Div</div>
        </a>                
        </div>
        <!-- .layer-2 ENDS -->

JS：

$(".contentBlock3").mouseenter(function () {
        $('.contentText3').fadeIn(1500);
        $('.contentImg').css("background-image", "images/gurus_bw.jpg)");
        $('.contentImg').css("background-position", "top 30px)");
    });

CSS系列无效......我做错了什么？

Answer 1

变化

$('.contentImg').css("background-image", "images/gurus_bw.jpg)"); // miss: url(..

到

$('.contentImg').css("background-image", "url(images/gurus_bw.jpg)");  

阅读CSS background-image属性