Question

我正在尝试使用jQuery替换div的CSS背景图片网址。

.file-wrapper {
        background: url("SiteRef_getPicture?PictureName=Site/icnUpload.png") no-repeat 7px center;
        width: 86px;
        height: 24px;
        cursor: pointer;
        overflow: hidden;
    }

我尝试执行以下操作但没有成功：

$fileWrapperDiv.css("background", "url('SiteRef_getPicture?PictureName=Site/loader.png')", "no-repeat", "7px", "center");

我做错了什么？

Answer 1

.css()文档

$('div.file-wrapper').css("background-image", "url(/myimage.jpg)");

Lasar

原始CSS使用background:，转换为background-image，background-position，background-repeat等。因此当您仅覆盖background-image时，其他设置将保持不变。

Answer 2

.css()调用中的值必须是单个字符串，就像CSS中的值一样：

$fileWrapperDiv.css("background", "url('SiteRef_getPicture?PictureName=Site/loader.png') no-repeat 7px center");

如何使用jQuery替换CSS背景中的图像？

2 个答案: