CSS邊框圖像兼容性錯誤

我有在Mozilla和Safari border-image問題，在鍍鉻它的工作原理，但在其他瀏覽器沒有代碼：CSS邊框圖像兼容性錯誤

border-width: 50px; 
-moz-border-width: 50px; 
-webkit-border-width: 50px; 
border-image: url('/img/border.png') 50 50 round; 
-webkit-border-image: url('/img/border.png') 50 50 round; 
-moz-border-image: url('/img/border.png') 50 50 round;

有沒有人有同樣的問題？感謝您的回答

來源

2013-05-11 Kubajs Havel

你所缺少的是border: 50px solid transparent;

Demo

<div>Demo</div> 

div { 
    border:50px solid transparent; 
    border-image: url('YOUR_URL') 50 50 round; 
    -webkit-border-image: url('YOUR_URL') 50 50 round; 
    -moz-border-image: url('YOUR_URL') 50 50 round; 
}

或者在你的CSS聲明添加這些

border-color: transparent; 
border-style: solid;

注意：您不必使用proprietary性質對於border-width

來源

2013-05-11 20:58:07

不幸的是，仍然無法正常工作：/ – 2013-05-11 21:05:09

@KubajsHavel查看演示，適用於我 – 2013-05-11 21:05:34

在Firefox中也適合我。 @KubajsHavel你可能想把一個jsFiddle或其他東西放在一起來顯示你的問題，以便其他人可以自己測試它。 – Eric 2013-05-11 21:07:12

CSS邊框圖像兼容性錯誤

回答

相關問題