1

私は次のコードを持っていると言う

<div class='mydiv'>
   <table class='mytable'>
      ....
   </table>

</div>

CSSで、私は設定しました

.mydiv {
   background-image: someurl
   background-position: center;
   background-repeat: no-repeat;    
}

私のテーブルでは、偶数行に代替色を設定しました。

$(".mytable tr:nth-child(even)").addClass("even");

CSSでは、私は持っています

.even {background-color: #EDEDED;}

ここで何が起こるかというと、デフォルトでは白色である奇数行の背景画像がまだ見えるということです。div の背景画像を完全に非表示にするにはどうすればよいですか? テーブルが空のときにのみ背景画像を表示したい。

4

1 に答える 1

5

偶数クラスを持たない行のセレクターを css に追加します。

.mytable tr {
    background-color: white;
}

これは、カスケード ルールによって優先されるように、 .evenルールの前に表示する必要があります。行がまったくない場合 (空のテーブル)、div の背景画像が表示されます。

于 2013-03-07T17:03:15.007 に答える