不希望div的背景图像通过表格出现

Question

说我有以下代码

<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背景图像？我只想在表空时显示背景图像.

Answer 1

将css添加到没有even类的行的选择器:

.mytable tr {
    background-color: white;
}

这必须出现在.even规则之前,以便级联规则将使其优先.如果根本没有行(空表),则应显示div背景图像.