Почему -webkit-mask не работает на локалке?

Question

[Programmir]

Загрузил сейчас верстку с сайта по фтп. Картинки все показываются, они все в одной папке лежат, но почему-то не показывается -webkit-mask с background, хотя путь до картинки правильно указан. Можно нажать на open new tab, и картинка будет показываться в новой вкладке. Но почему-то в локалке не показывается, а на хостинге работает. С чем это может быть связано?

Comments

[Александр Цымбал]

не всегда и не во всех браузерах контент загружается корректно по протоколу file:///
а вообще гуглите. нам нужен код, чтобы конкретнее сказать что-то

[Programmir]

Александр Цымбал, да, вот такая ошибка возникает - from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. Видимо, дело в этом.

[Александр Цымбал]

Programmir, да, это и есть причина. протокол блокируется в целях соответствия политике CORS

[Егор Кругликов]

А без префикса есть свойство ?
Вот так должно работать :

section.layer {
    -webkit-mask: url(../images/bottle.svg);
    mask: url(../images/bottle.svg);
}

[Александр Цымбал]

devChristmas, https://caniuse.com/#feat=css-masks есть, но ничем кроме FF не поддерживается.

[Егор Кругликов]

Александр Цымбал, А что за браузер у вас ? ОС ?