jQuery设置背景图像不起作用

Question

可能是什么问题？控制台向我显示变量y包含现有外部图像的正确绝对路径（启用直接链接）。后台设置后字体颜色变为红色。

console.log("image url: "+y);
       $(this).css("background","url('"+y+"') !important;");
       $(this).css("color","red");

它也不适用于背景图像。

Answer 1

删除!important;。

如果您必须使用该声明，请阅读此内容：How to apply !important using .css()?

Answer 2

你试过这个吗？

$(this).css({
     backgroundImage:"url('"+y+"') !important"
     });

我建议在将多个css样式传递给同一个元素时使用一个对象，而不是多次使用.css命令：

$(this).css({
         backgroundImage:"url('"+y+"') !important",
         color: "red"
         });

Answer 3

尝试

$(this).css("background","url('" + y + "') !important");

Answer 4

我会把它放在一次调用css中，如：

$(this).css({"background":"url('"+y+"') !important", "color":"red"});

Answer 5

正如其他人所说，最好传递一个对象而不是多次调用css函数。另外，在我看来，如果你不使用css shorthands就更清楚了。

无论如何，请在网址中使用双引号进行尝试。

$(this).css({'background-image':'url("'+y+'") !important', 'color':'red'});