Internet Explorer中的CSS框

Question

我有一个渲染问题，要在IE8 IE7 IE6中显示带有背景图像和边框图像的框

我的代码可在IE9，Safari，Firefox中使用。

.myBox {
background : url(image-left.gif) left no-repeat,url(image-right.gif) right no-repeat, url(images-center.png) repeat-x;
height: 50px;
position:relative;
}

我已经建立了一种解决方案，可以将左右图像放在表格中：

CSS：

table {
    height: 50px;
    position:relative;
}

.myBox {
    background : url(images-center.png) repeat-x; 
}

的HTML：

<table cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td><img src="image-left.gif" /></td>

    <td>my content text</td>

    <td><img src="image-right.gif" /></td>
</tr>
</table>

有人有更好更好的解决方案吗？？？？

Answer 1

这是两种方法

• 跨浏览器的多背景图像，包​​括IE和CSS的实现方式（ 如adobe所言，我自己还没有尝试过。 ）
• 一个jQuery插件来修复它， 尽管从注释中我不确定它在所有情况下都可以工作

当然，您的方法同样有效，尽管它会导致您更改标记。