2013-10-13 4 views
3

Поддерживает ли Firefox фактически пограничное изображение с линейными градиентами? Я продолжаю видеть статьи, говорящие, что это работает, но в моем Firefox (v24) он на самом деле ничего не показывает.Firefox и пограничное изображение с линейным градиентом

В этом примере используются все префиксы, но в Firefox нет никакой границы.

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

+1

В соответствии с MDN он работает с v29: https://developer.mozilla.org/en-US/docs/Web/CSS/border-image#Browser_compatibility – hirse

ответ

2

Как страницу по ссылке, чтобы указывает, Firefox не поддерживает приграничные градиенты еще. Я не могу найти много на нем, кроме this article on MDN, в котором говорится, что «поддержка браузера по-прежнему ограничена», но из-за этого я вижу, что он не работает. This answer on Stack Overflow показывает способ сделать некоторые рудиментарные градиенты, но синтаксис громоздкий, и результат сильно ограничен. Вам, вероятно, придется использовать «Псевдоэлементные края» из CSS-Tricks или дождаться, пока эта часть CSS3 полностью стандартизирована и реализована в Gecko.

+0

Вы правы, что страница указывает, что она не " t работать в Firefox, но так как с 2011 года я думал, что другой браузер наверстает упущенное. Я также видел этот ответ, но пошел с использованием псевдоэлементов, так как это, похоже, работает и в IE10. – Pickels

Смежные вопросы