0

Только не через opacity. Вот тут смотрите на слайдер

Как он сделан(именно тусклая часть)

1 ответ 1

1

Воспользуйтесь, например, свойством opacity. http://htmlbook.ru/css/opacity

Вместе с псевдоклассом :hover http://htmlbook.ru/css/hover

для блока с картинкой установите opacity меньше единицы, а в дополнительном стиле с использованием :hover, восстанавливайте прозрачность.

#image {
opacity: 0.5;
}
#image:hover {
opacity: 1;
}
6
  • 1
    прошу прощения) как-то я не особо вчитался в вопрос)
    – iterq
    19 окт 2013 в 13:53
  • Очень похоже на костыль) но возможно вам подойдет) jsfiddle.net/TwZRu/3
    – iterq
    19 окт 2013 в 14:35
  • 1
    Ответ уже убрали, вот его форк. Без слова opacity, как просил ТС jsfiddle.net/E2R8x/4
    – Zamony
    19 окт 2013 в 15:11
  • Убрал ответ тк понял что накладывать оверлай тоже самое что применять опасити к картинке на серый(синий) фон. А автор требоует видимо что то другое. Хотя на сайте который он указал явно опасити на серо-синий цвет ;)
    – ferrari
    19 окт 2013 в 15:25
  • 1
    А почему автор решил что на том слайдере не через опасити сделано?? , Там как раз атрибут опасити установлен на 0,6.
    – Cone
    19 окт 2013 в 18:15

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.