[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: tr background в Google Chrome
Snus
Ситуация такая, имеем html (к примеру):

<table>
<tr
class="test1">
<td
class="test2">1</td>
<td
class="test2">2</td>
<td
class="test2">3</td>
</tr>
</table>


И CSS:

tr.test1 {
background: url('../images/lf_2.png') no-repeat;
}
td. test2 {
width: 200px;
}


На Огнелисе и Опере все пучком, зарисовывается фон для всего <tr>, а вот на Chrome фон применяется ко всем ячейкам <td> и получается, что фон повторяется на всех <td>

Сталкивались с подобными ситуациями и как их решали?

Если кому не понятно - речь идет о верстке шапки.



Спустя 51 минута, 28 секунд (4.04.2011 - 13:44) alex12060 написал(а):

td. test2 {
width: 200px;
background: none;
}


Попробуй так...

Спустя 3 минуты, 31 секунда (4.04.2011 - 13:48) Snus написал(а):
alex12060
Не помогло...

Спустя 7 минут, 41 секунда (4.04.2011 - 13:55) alex12060 написал(а):
хмм...лан, я пока помочь не могу, нету хрома под рукой)

Спустя 2 часа, 21 минута, 57 секунд (4.04.2011 - 16:17) Snus написал(а):
На Safari та же песня.

Спустя 3 минуты, 52 секунды (4.04.2011 - 16:21) inpost написал(а):
Snus
1 ячейку, внутри неё таблицу. Я тоже с таким столкнулся, но таким способом решил. Думаю, что есть и лучше решения.

Спустя 43 минуты (4.04.2011 - 17:04) Snus написал(а):
inpost
Если я в ячейку таблицу добавлю, то весь дизайн пойдет крахом sad.gif

Спустя 10 месяцев, 2 дня, 21 час, 11 минут, 56 секунд (7.02.2012 - 14:16) Гость_elen написал(а):
tr {
background: transparent url(/shadow-down.gif) no-repeat 0% 100%;
display: block;
position: relative;
width: 828px;
}

tr td{
background: transparent;
}
взято http://stackoverflow.com/questions/2594428...h-tr-background

Спустя 6 минут, 23 секунды (7.02.2012 - 14:22) Гость_elen написал(а):
в ие 7 не работает
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.