html - 为什么 IE 不显示这个请求的背景图片？

Question

这是 IE 和其他浏览器之间的一个奇怪的呈现差异。

Internet Explorer 8

火狐 3.5

Chrome 5

看出区别了吗？那条垂直线在 IE8 中突然停止了。那是因为 IE8 拒绝显示某个背景图像。这是一段相关的 CSS 代码:

td#leftbar {
    background: url(img/leftbar.gif) repeat-y right top;
    width: 100px;
}

您可以通过在您自己的计算机上查看网站获得更多信息:http://labs.pieterdedecker.be/vspwpg/

Answer 1

问题不在于 leftbar:问题在于 leftbartop 表格单元格一直延伸到底部。这是因为 leftbartop 与内容位于同一表格行。

事实上，我认为 IE 是唯一正确执行此操作的浏览器: tr 中的所有元素都被强制设置为相同的高度。 IE 忽略了列的 rowspan 出于某种原因的属性。为什么，我不知道。

就解决方案而言，首先想到的是 - 除非有人对此行为做出解释 - 是在左侧有一个单独的表格，第一个(leftbartop ) 和具有固定高度的第三行 (leftbarbottom)。

哦，使用表格进行布局不再为社会所接受。就像旁注:)