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

时间:2013-06-17 12:01:09

标签: css background-image jquery-datatables

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

代码

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

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

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

任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

尝试:

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