Я использую очень причудливый фильтр веб-каротажа, чтобы сделать полутоновые изображения в черно-белом режиме, а при наведении на изображения становятся цветными.
Здесь фильтр
filter: none;
-webkit-filter: grayscale(0);
transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-webkit-transition: opacity .3s ease-in-out;
Как вы можете видеть, существует даже свойство "переход", так что изображение имеет плавный переход затухания в полный цвет. Проблема, с которой я сталкиваюсь, заключается в том, что div, к которому я обращаюсь, также влияет на дочерний текст, расположенный внутри div, и превращая текст в оттенки серого. Это проблема, потому что текст должен быть белым, даже если он не зависает.
Я попытался отрицать фильтр с другим в дочернем тексте, но он, похоже, не работает... Проверьте скрипт
Fiddle http://jsfiddle.net/yMHm4/1/