0
这里只内1背景图片的div是我有问题：IE显示DIV
我试图使布局作为图片：
我当然更喜欢一个div版本，但是我的支持迄今为止都是徒劳的。 我想出了一个表和div的组合，使其在Firefox中工作，但在IE8（可能还有其他IE版本）中，它不显示背景图像2和4.
有关如何制作在IE中工作？ PS：没有时间等待CSS3，我已经尝试了怪癖模式，背景显示，但许多其他问题沉浸其中。我宁愿保持'过渡'模式。
HTML：
<table id="middletable" class="bg">
<tr><td class="left" width="*">
<table class="bg">
<tr><td id="leftimg"> </td></tr>
</table>
</td>
<td width="84">
<div class="middle">
CONTENT
</div>
</td>
<td class="right" width="*">
<table class="bg">
<tr><td id="rightimg"> </td></tr>
</table>
</td></tr>
</table>
CSS：如果我理解正确的，你想要的正文和附近的两个图像
table.bg {
width: 100%;
height: 100%;
border-collapse:collapse;
}
#middletable {
background: #fff;
}
#middletable td.left {
background: url('http://www.budowastrony.pl/fantom/images/site/middle-bg-left-rx.jpg') repeat-x top #ff0000;
text-align: right;
vertical-align: top;
}
#middletable td.right {
background: url('http://www.budowastrony.pl/fantom/images/site/middle-bg-right-rx.jpg') repeat-x top #ff0;
text-align: left;
vertical-align: top;
}
#leftimg {
height: 100%; width: 100%;
background: url('http://www.budowastrony.pl/fantom/images/site/bg-middle-left-nr.jpg') no-repeat top right #ccc;
}
#rightimg {
height: 100%; width: 100%;
background: url('http://www.budowastrony.pl/fantom/images/site/bg-middle-right-nr.jpg') no-repeat top left #000;
}
检查此jsfiddle：http://jsfiddle.net/CndUR/（图像替换为颜色 - 如果您可以绝对链接图像，这将帮助其他用户帮助您找到解决方案）。这是布局显示的方式吗？如果此链接表示/重新创建您的问题。发布在你的问题。然后其他SO用户将能够更快地帮助你=） – Dan
嗨Dan，感谢您的帮助，我已经用真实图像更新了图像，与您推荐的jsfiddle相同：http://jsfiddle.net/CndUR/5 /问题仍然存在于IE中。任何帮助将不胜感激谢谢 – Czakalli
您是否尝试过下面提供的任何解决方案？ – Dan