Question

我尝试使用jQuery的.css（）属性添加动态背景。后台URL通过AJAX提供：

            function requestbg(cusa) {
                $.ajax({
                    url: 'api/bg.php',
                    type: 'GET',
                    data: {id: cusa},
                    success: function(response) {
                        if(response != "") {
                            var url = response;
                            $("body").css("background-url", url);
                            console.log(response);
                        }
                    }
                });
            }

将background-url更改为background-color时，确实有效。很奇怪，因为在控制台中我记录了响应，它确实返回了一个URL。想象某个地方可能有空间，多次检查但没有。

有人知道为什么这不起作用吗？

Answer 1

background-url是无效的css属性。您正在寻找background-image：

background-image CSS属性设置一个或多个背景图像在元素上。

调整您的代码，以下操作。

$("body").css({ "background-image": 'url(' +url +')' });

Answer 2

试试这个：

$("body").css({ "background-image": 'url('+url+')'});

jQuery .css（）不能与background-url一起使用

2 个答案: