2

これは機能していません....

$("#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>
4

6 に答える 6

1

相対リンクのせいだと思います。

あなたのスタイル シートはおそらく css フォルダーにあると思います。javascript は、ルート フォルダーにある html に記述されている可能性があります。

スタイル シートでは、"../images/" が有効です。これは、フォルダー css から、'../' が 1 レベル (ルート フォルダーに) 戻り、'/images' が images フォルダーにアクセスするためです。ただし、ルート フォルダーからは ../ を省略する必要があります (もうレベルを戻す必要はありません)。

とにかく、相対リンクを使用している場合は、パスの開始点がコードが記述されている場所であることに注意してください。

于 2013-09-12T06:52:41.153 に答える
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ファイルからは同じことが無効です

于 2013-09-12T06:43:41.463 に答える
0

属性キーとしてbackground-imageではなくである必要があります。background

于 2013-09-12T06:36:15.600 に答える
0

これを試して

$( "ul#news_all> li" ).css("background", "transparent url('../images/01.png') no-repeat");
于 2013-09-12T06:39:19.737 に答える
0

背景を設定しようとしている場合は、「#news_all_item」の代わりにクラス セレクター「.news_all_item」を使用して適用できます。

 $(".news_all_item li").css("background", "transparent url('../Encounters/LandingPage.PNG') no-repeat");
于 2013-09-12T06:38:02.430 に答える