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

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


     19.07.2014    Шаблоны (TPL), Стили (CSS), jQuery    1785

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


в videonews.tpl


в CSS стилях:


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

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

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

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


Комментарии пользователей (3)

FastFud
50

1599 | 588

FastFud - 19 июля 2014 13:12 - Юзер

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

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

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

Big123
2

Big123 - 19 июля 2014 13:18 - Юзер

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

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

Big123
2

Big123 - 19 июля 2014 14:13 - Юзер

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

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

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