与tbody背景的IE8问题

时间:2010-12-22 15:58:24

标签: html css internet-explorer-8 background-image

另一个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 个答案:

答案 0 :(得分:1)

这是一个已知问题,并没有很好的解决方法。为您提供最一致结果的解决方案是将您的表放在div中并将该div赋予背景,并相应地对其进行定位。