Поддержка размытия фильтра для Windows Safari - PullRequest
0 голосов
/ 04 октября 2018

У меня есть div, который охватывает кучу контента, который я хотел бы вычеркнуть, когда требуется аутентификация пользователя.

Установлен Safari для Windows для тестирования моего сайта.Версия 5.1.7 кажется последней.

Просто интересно, поддерживает ли Safari размытие CSS-фильтра?В какой-то момент я думал, что у меня все получилось, но я что-то изменил, и, кажется, он исчез, теперь я второй догадываюсь, что я вообще-то видел, что он вообще работает.

Я знаю, что размытие Opera работает, только если выиметь положение div, установленное на абсолютное или фиксированноеЕсть ли что-то особенное для Safari, которое я пропустил?

На сайте CanIUse указана только поддержка Safari Mac и iOS

Это мой класс CSS:

.login_overlay {
    position:absolute;
    width:100%;
    -webkit-filter  : blur(10px);
    -moz-filter : blur(10px);
    -ms-filter  : blur(10px);
    -o-filter   : blur(10px);
    filter      : blur(10px);    
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

1 Ответ

0 голосов
/ 04 октября 2018

Safari 5 не поддерживает фильтры CSS3, ни с префиксом, ни с префиксом -webkit-.Как показано на caniuse.com, поддержка началась в версии 6, которая никогда не была доступна для Windows, так как Apple прекратила Safari для Windows после версии 5.1.7.

...