Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » Как сделать кроссбраузерное из черно-белого в цветное изображение при наведении

Как сделать кроссбраузерное из черно-белого в цветное изображение при наведении


     19.07.2014    кроссбраузерность, эффекты    Шаблоны (TPL), Стили (CSS), jQuery    2074

вопрос
Есть блок вывода новостей с картинками.
В mail.tpl подключается так:


в videonews.tpl


в CSS стилях:


Работает это так: по умолчанию изображение черно-белое, а при наведении становится плавно цветным, когда убираешь мышку изображение плавно возвращается в черно-белый цвет.

Но проблема вот в чем: все это работает по разному в разных браузерах и нужно сделать все кроссбраузерным.
В Firefox - Работает эффект но не работает плавный переход
В IE - вообще не работает ни эффект ни переход
В Safari - тоже что и в IE, не работает ни эффект ни переход

Можно сказать работает только на Webkit браузерах. Подскажите как сделать чтобы одинаково работало во всех браузерах.

Ответа пока нет


3 комментария

FastFud
Юзер

FastFud - 19 июля 2014 13:12 -

Не пробовали искать плагины на jQuery ?

В Firefox - Работает эффект но не работает плавный переход

transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;

Big123
Юзер

Big123 - 19 июля 2014 13:18 -

Цитата: FastFud
transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;

Попробовал не работает.
Пробовал вот этот метод но так же почему то не работает

Big123
Юзер

Big123 - 19 июля 2014 14:13 -

Что нет никаких вариантов ?

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх