不希望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添加一个选择器，用于没有偶数类的行：

.mytable tr {
    background-color: white;
}

此必须出现在 .even 规则之前，因此级联规则会使其优先。如果根本没有行（空表），则应显示div背景图像。