如何在单个表格行中显示两个图像？

Question

我使用jQuery DataTables来显示数据，我使用DataTables的DT_RowClass属性将类分配给Table行。根据某些条件，我将类分配给每一行，并且在我有两个类的行的情况下被攻击，并且它们都需要在该行中显示图像。

代码

我有一行：<tr class="firstImage secondImage"></tr>

firstImage和secondImage都有.firstImage { background: url("img/firstImage.jpg") no-repeat 0px top; }等css，secondImage的ID相同，不同的Image和125px的位置。

我一次只能获得一张图片，CSS中是否有任何方法可以让两张图像同时显示在一行中。我认为由于两个css类都有共同的background属性，一个会覆盖另一个，但我似乎无法找到解决方案。

任何帮助将不胜感激。

Answer 1

您可能应该使用div而不是表来执行任何操作。但是如果您决定坚持使用表格，则需要将这些图像类别放在td内的两个tr元素中，而不是tr本身;或将CSS规则从.firstImage {...}更改为.firstImage td {...}。这样您就可以将背景附加到td元素。

Answer 2

尝试：

<tr><spanclass="firstImage"></span><spanclass="secondImage"></span></tr>