Question

这是我的代码：

JS / jQuery的：

function RefreshImage(){
    var form_data = {
        ID: $('#ID').val()
    };

    $.ajax({
        type: "POST",
        url: "submit/image.php",
        data: form_data,
        success: function(data) {
            $('#IMG').css('backgroundImage', "url('images/+data+')");
        }
    });
}

HTML：

<table>
    <tr>
        <td background="images/default.jpg" id="IMG"></td> 
    </tr>
</table>
<input type="hidden" id="ID" value="4">

CSS：

#IMG{
    background-color:rgba(0,0,0,0.5);
    width:99px; height:99px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    vertical-align:text-top;
}

我的代码失败了，因为它只是变为黑色图像。但是在响应中，它显示了我请求的图像名称的确切值，但它失败了，因为它只是变为黑色。

提前感谢。

Answer 1

background-image是正确的CSS属性，而不是backgroungImage。 UPDATE 正如评论中所指出的，'backgroundImage'是有效的，因为它引用了javascript属性。

您在data：

上连接时也遇到问题

 $('#IMG').css('background-image','url(images/' + data + ')');

另外，删除background上的<td>属性，然后通过css应用

 #IMG{ background-image: url(images/default.jpg); }

Answer 2

尝试更改

$('#IMG').css('backgroundImage',"url('images/+data+')")

到

$('#IMG').css('backgroundImage','url(images/'+data+')');

如何更改TD的背景图片？

2 个答案: