SVG тег <mask> необходим для Firefox, но, похоже, нарушает CSS-маску в Chrome
Я пытаюсь замаскировать контент с помощью внешнего изображения SVG следующим образом:
#homepage-banner .desktop-slider.masked {
-webkit-mask:url(news-panel-mask.svg) left top no-repeat; /* Chrome/Safari (Webkit) */
mask: url(news-panel-mask.svg#mask); /* Firefox */
}
Файл news-panel-mask.svg имеет следующее содержимое:
Это работает на Firefox, но мне нужно удалить а также теги в файле SVG, чтобы заставить его работать на Chrome. Есть ли способ исправить это, чтобы я мог использовать один и тот же файл SVG для обоих браузеров?
Спасибо за вашу помощь.