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

Replacing background image using jQuery not working

本文关键字：图像 不起作用 背景 替换 jQuery 使用      更新时间：2023-09-26

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

使用 jQuery，当用户将鼠标悬停在第二个div（即网站名称div）上时，第三个div（即文本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 行不起作用...我做错了什么？

更改

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

自

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

读取 CSS 背景图像属性

相关文章：