html - 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

两种方法

• Cross-Browser Multi-backgroundimages, including IE , CSS 方式来做到这一点(正如 adobe 所声称的那样，我自己还没有尝试过..)
• A jquery plugin修复它，尽管从评论中我不太确定它在所有情况下都有效

当然你的方法也是有效的，虽然它会导致你改变你的标记..