CSS-маска не работает в Firefox
Я пытаюсь показать изображение SVG с помощью маски, но в Firefox оно не отображается. Мой класс CSS выглядит следующим образом:
.myClass {
-webkit-mask: url('../img/arrow-down.svg') no-repeat 100% 100%;
mask: url('../img/arrow-down.svg') no-repeat 100% 100%;
background: rgba(67, 67, 67, 0.8);
width: 1.15em;
height: 1em;
}
И HTML-код просто прост:
<div class="myClass"></div>
В chrome мой маскированный arrow-down.svg показывает хорошо, но в Firefox появляется div с указанным фоном. Есть идеи, как решить мою проблему?