IE不會顯示背景圖片邊框

http://dhrumin.com/uploads/index.html IE不會顯示背景圖片邊框

上面的鏈接是我的網頁我一直在努力。我使用邊框頂部作爲背景圖像。 Chrome和FF看起來很棒。但在IE上它只顯示一個純色背景圖像不會顯示。

有人能幫我解決我錯過什麼嗎？

謝謝！

來源

2013-07-16 WashingtonDC

'邊界image'沒有任何支持當前版本的IE瀏覽器 - http://caniuse.com/#search=border-image –

事實上，你將不得不分裂你的HTML，以使背景圖像的頂部和底部div＃ – Brewal

@Brewal，這些都是答案恕我直言。 – aldux

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; 
}

來源

2013-07-16 20:43:12 Brewal

這太棒了 - 非常感謝您的快速幫助:-) – WashingtonDC

不要接受這個答案，我只是從'評論'移動內容。 caniuse.com/#search=border-image - -

邊界圖像沒有在IE瀏覽器的任何版本目前支持Nick

事實上，你將不得不分割你的HTML，使頂部和背景圖像底部DIV - Brewal

@Brewal，那些答案恕我直言。 - aldux

從我自己，我會用：之前和之後來創建你想要的。

你想要更好的東西嗎？

<div class="container with THE-texture and padding"> 
    <div>Your content</div> 
</div>

這樣，outter容器就像圖像背景邊界一樣。這是一個working example。

它是在視覺效果上比你想要的是相同的。在HTML中，您添加了1個額外的容器。這是一個區別。

哦，讓我猜，兩邊有'simili'邊界嗎？ - >刪除方的填充：http://jsfiddle.net/8puJf/1/

來源

2013-07-16 20:39:40

我喜歡你的訣竅 - 好學，但不安靜，我一直在尋找！ – WashingtonDC

它的視覺效果要比你想要的要高。在HTML中，您添加了1個額外的容器。這是一個區別 –

IE不會顯示背景圖片邊框

回答

相關問題