不想div的背景畫面出現直通表

Question

說我有在CSS下面的代碼

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

</div> 

，我設置

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

對於我的表，我設置替代顏色的偶數行。

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

在CSS中，我有

.even {background-color: #EDEDED;} 

現在發生的事情是，我仍然可以看到仍然在奇數行的背景圖像，這是在白色默認。我能做些什麼來完全隱藏div背景圖片？我只想在表格爲空時顯示背景圖片。

Answer 1

添加到你的CSS選擇器，用於不具有偶數類行：

.mytable tr { 
    background-color: white; 
} 

這必須的。即使規則之前出現，使級聯規則將導致佔先。如果根本沒有行（空表），則應顯示div背景圖像。