IE8 проблема с фоном тела - PullRequest
Новая
       32

IE8 проблема с фоном тела

1 голос
/ 22 декабря 2010

и еще одна проблема IE 8:

У нас есть такая таблица: 

<table cellspacing="0">
<thead>    
<tr>
<th>Erwachsene</th>
<th class="center w95">Preis in €<br /></th>
</tr>
</thead>

<tbody>
<tr>
<td>1 Tag a´ 4 Stunden</td>
<td class="price">50.-</td>
</tr>
<tr>
<td>2 Tage a´ 4 Stunden</td>
<td class="price">90.-</td>
</tr>
<tr>
<td>     3 Tage a´ 4 Stunden</td>
<td class="price">130.-</td>
</tr>
<tr>
<td>4 Tage a´ 4 Stunden</td>
<td class="price">135.-</td>
</tr>
<tr>
<td>5 Tage a´ 4 Stunden</td>
<td class="price">140.-</td>
</tr>
</tbody>
</table>

В заголовке у нас есть градиент от светлого к темно-синему - он отлично работает - также в IE 8. Для tbody мы также определили фоновое изображение с градиентом от темно-синего к белому.

Фон tbody позиционируется как «внизу слева» с этим кусочком кода: 

#leftpanel tbody { background: url(../images/bg_tbody.png) no-repeat bottom left; color: #464646; font: 12px Verdana, Arial; }

Правильно то, что если мы имеем, например, 10 строк таблицы, первые 3 белые, потому что градиент от яркого синего до ширины имеет только высоту около 7 строк. В IE8 браузер не очень заинтересован в установке фона в левом нижнем углу, IE8 устанавливает фоновое изображение для первой строки - а остальное прозрачно.

Кто-нибудь любой

1 Ответ

1 голос
/ 12 января 2011

Это известная проблема, и вокруг нет красивой работы.Решение, которое даст вам наиболее последовательные результаты, будет заключаться в том, чтобы поместить вашу таблицу в div и дать этому div фон, расположив его соответствующим образом.

...