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插件來修復它， 盡管從注釋中我不確定它在所有情況下都可以工作

當然，您的方法同樣有效，盡管它會導致您更改標記。