Фоновый рисунок для таблицы

Question

Я пытаюсь применить фоновое изображение для ячеек таблицы, которое отображается на мобильном телефоне. Поскольку изображение в большом размере, поэтому мне нужно сделать его отзывчивым для разных размеров экрана (iphone, android и т. Д.). Поэтому я использовал CSS, как следующее:

TABLE TR{ 

background-image: url("../images/bg.png"); 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
height: 85px; 

} 

Стол имеет два тд: (я не могу изменить эти два тд, так как они используются для укладки данные в ячейке таблицы)

TABLE .td1 { 

text-align: left; 

width: 80%; 
padding-top: 0px; 
padding-bottom: 33px; 

} 

TABLE .td2 { 
text-align: left; 
line-height: 14px; 
width: 9%; 
} 

Тогда, это выглядит так: фон img просто ломается на td1 и re-peat на td2:

Мои вопросы - как отрегулировать css и заставить всю ячейку TR иметь фоновое изображение без перерыва на td1?

ниже скрипку код, я не знаю, как загрузить изображение туда. Это всего лишь структура моего HTML-кода: HTML CODE

Answer 1

Нужно ли использовать Таблицы (это HTML?) Или вы можете просто использовать макет div? Если вы должны использовать TABLE затем попытаться изменения CSS в коде выглядеть следующим образом:

tr {display: block;} 
td {display: inline-block; background: transparent;}