Safari Неожиданное CSS Токен::

Question

Я работаю над приложением, и это, кажется, работает нормально во всех браузерах исключения сафари (включая последнюю версию)

Это, кажется, вращается вокруг CSS линий, таких как следующие.

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 

ошибка просто заявляет

Unexpected CSS token: : 

Answer 1

Safari ослабевает второй :, как неверный синтаксис. Вам не нужно его удалять, так как браузер просто игнорирует недопустимые свойства.

Однако, если по какой-то причине вам это нужно, чтобы быть действительным, или это просто пристанет, вот ваши варианты:

Самый простой вариант просто удалить filter свойство. Вы потеряете поддержку IE8, которая вам может понадобиться или не понадобиться.

Если вам нужна поддержка IE 8, используйте атрибут -ms-filter и оберните значение в кавычки:

-ms-filter: 'filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);'; 

Теперь вы потеряете поддержку для IE7 и ниже, как это only supported in IE8. Однако, поскольку IE 7 составляет только 0.061% of the global browser usage, я бы не стал беспокоиться об этом. Многие/большинство/если не все веб-сайты больше не поддерживают его.

Ресурсы:

FontAwesome had an issue with this