Фоновое изображение в ячейке таблицы Chrome?

Question

Попытка получить фоновое изображение для отображения в одном элементе ячейки таблицы в Chrome ... и это произойдет, но только тогда, когда я накрою эту ячейку. Если я удалю: зависание, оно просто не отображается независимо от того, что я делаю.

Я задаю этот вопрос сейчас, надеясь, что Google исправил эту проблему, и я не видел ответа после поиска, или кто-то это понял. Другая причина заключается в том, что есть результаты поиска с 2010 года, и они в основном говорят о элементах таблицы строк вместо отдельных ячеек.

Это не дает мне мое изображение в ячейке таблицы:

#matrix td.level { 
position: relative; 
vertical-align: top; 
height: 200px; 
width: 150px; 
background: transparent url("/images/th-bg-level.png") no-repeat 0px bottom; 
} 

Но я могу парить просто отлично:

#matrix td.level:hover { 
background: transparent url(/images/th-bg-level.png) no-repeat -157px bottom; 
border: none; 
} 

Он также будет показывать изображение, если я меняю на <th> элемента , но я действительно не хочу этого делать ... плохая практика кодирования и все ...

Есть ли решение этой проблемы?

Answer 1

Использование фона на <td> Элементы прекрасно работают, проблема должна быть в другом месте.

td { 
 
    padding: 30px; 
 
} 
 
td.target { 
 
    background: transparent url("http://i.imgur.com/cAN2O2J.jpg") no-repeat 0px bottom; 
 
    color: white; 
 
}

<table> 
 
    <tr> 
 
    <td>John</td> 
 
    <td class="target">Doe</td> 
 
    </tr> 
 
</table>

состояние парения и состояние, не зависать в коде адреса совершенно разные папки (/images/ против ../images/), это не проблема есть?