html - IE 不会将背景图像显示为边框

Question

http://dhrumin.com/uploads/index.html

上面的链接是我一直在处理的页面。我使用 border top bottom 作为背景图像。它在 Chrome 和 FF 上看起来很棒。但在 IE 上它只会显示一个纯色背景图像而不会显示。

有人可以帮我解决我遗漏的问题吗？

谢谢!

Answer 1

IE 不支持 border-image 属性，如您所见here .一种解决方法是在上方和下方创建两个 div，并为它们提供所需的 background-image :

HTML:

<div class="myborder"></div>
<ul id="blockquote">
    <li>Completely formulate parallel customer service rather than B2C initiatives.</li>
    <li>Compellingly target efficient experiences whereas seamless partnerships.</li> 
    <li> Seamlessly transition customer directed applications whereas intuitive.</li> 
    <li> Holisticly mesh team building "outside the box" thinking.</li>
</ul>
<div class="myborder"></div>

CSS:

.myborder {
    width: 600px;
    height: 13px;
    background: url('quote-border.png') repeat-x;
}