Question

这不起作用....

$("#news_all ul li").css("background", "transparent url('../images/01.png') no-repeat");

但这是有效的

.news_all_item li {
    background: url("../images/01.png") no-repeat scroll 0 0 transparent;
    margin-bottom: 2%;
}

我的HTML

<div class="news_all_item" id="news_all">
  <ul>
   <li><div class="news_item">Lorem Ipsum is simply dummy text of the printing and typesettiLorem Ipsum is simply dummy text</div></li>
   <li><div class="news_item">Lorem Ipsum is simply dummy text of the printing and typesettiLorem Ipsum </div></li>
   <li><div class="news_item">Lorem Ipsum is simply dummy text of the printing and typesetti</div></li>
  </ul>
</div>

Answer 1

也许路径可能有问题。（给出绝对路径，如果可以。即assets/style/images/01.png）

css文件../images/01.png中的

可能存在，但是来自js文件../images/01.png可能不存在

您可能拥有类似的文件夹结构。

asset
     |-->style
          |-->css
               |-->mycss.css
          |-->images
               |-->01.png
     |-->js
          |-->myjs.js

所以这里来自css ../images/01.png是有效的但是从js文件中同样的东西是无效的

Answer 2

我认为这是因为相对的联系。

我怀疑你的样式表可能在css文件夹中;并且javascript可能写在你的html中，它位于根文件夹中。

在样式表中“../ images /”是有效的，因为从文件夹css，'../'返回一级（到根文件夹），然后'/ images'访问images文件夹。但是从根文件夹中你必须省略../（不再需要返回一个级别）。

无论如何，如果您使用相对链接，请记住路径的起点是代码的写入位置。

Answer 3

使用背景图片代替背景..

$("#news_all ul li").css("background-image", "transparent url('../images/01.png') no-repeat");

Answer 4

属性键应为background-image，而不是background。

Answer 5

当您尝试设置背景时，您可以通过类选择器“.news_all_item”而不是“#news_all_item”来应用

 $(".news_all_item li").css("background", "transparent url('../Encounters/LandingPage.PNG') no-repeat");

Answer 6

试试这个

$( "ul#news_all> li" ).css("background", "transparent url('../images/01.png') no-repeat");

jquery背景图片网址失败

6 个答案: