Как я могу отобразить два изображения в строке singlr table?

Question

Я использую jQuery DataTables для отображения данных, и я назначаю класс в строку таблицы, используя атрибут DT_RowClass DataTables. В зависимости от некоторых условий я назначаю классы каждой строке и попадал туда, где у меня есть два класса для строки, и им нужно отображать изображение в этой строке.

Код

У меня есть строка, как: <tr class="firstImage secondImage"></tr>

как firstImage и secondImage имеет CSS, как .firstImage { background: url("img/firstImage.jpg") no-repeat 0px top; } и то же самое для secondImage с различными изображениями и 125px в качестве позиции.

Я получаю только одно изображение за один раз, есть ли способ в CSS, где я могу получить оба изображения для отображения в строке в одно и то же время. Я думаю, что оба класса css имеют общий атрибут background, один перезаписывает другой, но я не могу найти решение.

Любая помощь будет оценена по достоинству.

Answer 1

Возможно, вы должны делать все, что вы делаете, используя divs, а не таблицы. Но если вы решите придерживаться таблиц, вам нужно будет поместить эти классы изображений в два элемента td внутри tr, а не на tr; или изменить правило CSS от .firstImage {...} до .firstImage td {...}. Таким образом, вы присоедините фон к элементам td.

Answer 2

попробовать:

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