2013-10-13 39 views
3

Firefox實際上是否支持帶線性漸變的邊框圖像?我一直看到文章說,它的作品,但在我的Firefox(v24),它實際上並沒有顯示任何東西。Firefox和帶線性漸變的邊框圖像

這個例子使用了所有的前綴,但它在Firefox中並沒有顯示任何邊框。

http://css-tricks.com/examples/GradientBorder/

+1

根據MDN,它可以與v29協同工作: https://developer.mozilla.org/zh-CN/docs/Web/CSS/border-image#Browser_compatibility – hirse

回答

2

當你鏈接到網頁指示,Firefox不支持邊框漸變呢。我找不到它,除了this article on MDN其中指出「瀏覽器支持仍然有限」,但從擺弄它,我可以清楚地看到它不起作用。 This answer on Stack Overflow顯示了一些方法來創建一些基本的漸變,但是語法繁瑣,結果受到嚴重限制。您可能必須使用CSS-Tricks中的「Pseudo Element Edges」,或者等到CSS3的這部分完全標準化並在Gecko中實現。

+0

你說得對,該頁面表明它沒有'在Firefox中工作,但自2011年以來,我認爲其他瀏覽器會趕上。我也看到了答案,但是使用了僞元素,因爲它似乎也適用於IE10。 – Pickels