Я пытаюсь показать некоторые изображения на странице, где они должны быть показаны воттенки серого, за исключением случаев, когда мышь плавно переходит в цвет, Я'мы сделали это хорошо работает на IE, Chrome и Firefox, но этоБезразлично»работает на Safari 5.x, Проблема в Safari для Macа также Safari для Windows. Вот код, который у меня есть:

filter: url('desaturate.svg#greyscale'); 
filter: gray;
-webkit-filter: grayscale(1);

Первая строка загружает внешний фильтр .svg (я нетurl("data:... править, потому что я хочу избежатьошибка в старых версиях Firefox).

Вторая строка для IE и, кажется, работает так же хорошо, как.filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);

Последняя строка о webkit должна работать на Safari 6 и выше, а также на Chrome.

Существует ли какое-либо правило CSS для отображения изображений с оттенками серого наSafari 5.x? Или, если это невозможно, может кто-нибудь порекомендовать решение javascript, предпочтительно такое, которое будет обрабатывать анимацию в градациях серого и обратно?Я хотел бы избежать взлома на стороне сервера с изображениями в градациях серого, потому что это испортит мой HTML, а затем яВам придется сделать некоторые неприятные определения браузера для условного обслуживания HTML.

Спасибо

Редактировать:

Как это оказалось "заметный вопрос, пожалуйста, не'Продолжайте публиковать здесь дополнительные ответы, которые работают только в Safari 6 и выше, или ответы, включающие файл .svg в URL-адрес данных. В то время, когда я писал OP, для меня было важно поддерживать некоторые версии Safari и Firefox, которые сегодня рассматриваютсяочень от, но тем не менее это был мой оригинальный вопрос.

Мне хорошо известно, что для современных браузеров фильтрация в оттенках серого легко выполняется с помощью нескольких строк кода CSS., но графический дизайнер использовал Safari 5.x, а клиент использовал Firefox 3.x в то время, когда я делал этот проект. Решение, которое сработало для меня, заключалось в том, что Гиона предложила, то есть использовать Modernizr для проверки css-фильтрации, и если это такНе поддерживается возврат к JavaScript.

Если бы я делал то же самое сегодня, я быЯ бы сказал обоим обновить их браузеры!