2014-02-02 6 views
0

Добрых день всем, я приняв this образец кроссбраузерного решенияFirefox Градиент как маска

Я Allready принятого все, кроме одной вещей на линии 122:

-webkit-mask: -webkit-linear-gradient(45deg, transparent 49%, #000 53%); 

Похож FF может 'генерировать градиент как маску. Я пробовал this генератор для генерации base64 svg и применял это как маску, но не добился успеха, либо я ничего не понимаю о генерации svg.

Может ли кто-нибудь указать мне, что я делаю неправильно?

+0

Возможный дубликат [SVG тег, необходимый для Firefox, но, похоже, нарушает CSS-маску в Chrome] (http://stackoverflow.com/questions/20600608/svg-mask-tag-required-for-firefox-but-appears -в-брейк-CSS-маски-в-хром) – Pinal

ответ

0

Firefox не понимает правил для webkit. Попробуйте «-moz-linear-gradient» для генерации градиента и «маски» для маскировки. Хотя Firefox не может использовать градиенты для маскировки, но нуждается в svg-масках. Найдите некоторую информацию, например. в this сообщение.

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