2012-09-06 41 views
22

Firefox更新後,邊框圖像不再顯示了嗎? 你可能已經定義了財產以後這樣的:CSS - 新的Firefox版本不再顯示邊框圖像

border-width:30px; 
-moz-border-image: url('border.png') 64 64 64 64 stretch stretch; 
    -webkit-border-image: url('border.png') 64 64 64 64 stretch stretch; 
    -o-border-image: url('border.png') 64 64 64 64 stretch stretch; 

回答

41

我不得不環顧了一下意識到這是一個Firefox的問題。首先,我認爲AdBlock可能因爲某些原因而被阻止。這實際上是Mozilla對他們的CSS解釋所作的改變。您現在必須添加此屬性下方它的工作:

border-style:solid; 

希望我能幫忙。

+2

你可以明顯地幫助自己:+1 –

+0

噢,非常感謝你! +1 – Tom

+1

更改的原因在於規範被更改爲需要該行爲,因爲它的價值。 –

2

根據規範,Firefox需要設置border-image-width

只包括上述屬性。

這裏,border-style將糾正這個問題,但更合乎邏輯和相關,它能夠更好地使用border-image-width,而不是border-styleborder-width有時。

+0

border-image-width沒有爲我解決問題 – dardub

+0

@dardub請檢查下面的鏈接! http://codepen.io/Yeswanth-JG/pen/JflBk(它也在Firefox中工作!) – YaswanthJg

1

考慮增加:

border: 15px solid transparent; 

凡15px的僅僅是一個例子。