jquery - jQuery设置背景图像不起作用

Question

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

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

它也不适用于背景图像。

score 4 · Accepted Answer

删除!important;.

如果您必须使用该声明，请阅读此内容：如何使用 .css() 应用 !important？

score 0 · Accepted Answer

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

无论如何，请尝试在 url 中使用双引号。

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

score 0 · Accepted Answer

你试过这个吗？

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

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

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

score 0 · Accepted Answer

0

尝试

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

于 2013-07-30T12:42:52.723 回答

score 0 · Accepted Answer

我会将它放在对 CSS 的一次调用中，例如：

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

5 回答 5