Все привет ) Такая проблема: есть блок с картинками, стандартно они черно белые, а при наведении становятся цветными и в Chrome, Firefox и Опера все работает но вот в последнем Internet Explorer 11 отказывается работать. Скажите пожалуйста как реализовать? Перерыл всю информацию в интернете. Сейчас это выглядит так:
P.S. Переход так же не работает в Firefox, уже замучался как все это сделать кроссбраузерным
| Код |
|---|
.video-img {
display: block;
width: 100%;
width: 182px;
height: 102px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url(../images/grayscale.svg#greyscale); /* Firefox 4+ */
transition: 1s; //плавный переход
background-repeat: no-repeat; background-position: center top; background-size: cover; position: relative;
}
.video-img:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;
transition: 1s; //плавный переход
} |
Изменено:
Влад Скляр - 30 Июня 2014 20:36
