Как поменять цвет ссылки при наведении на картинку?

Рейтинг: 0Ответов: 1Опубликовано: 22.03.2015
<li class="temnyi">
    <a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>" class="svetlyi"><?php the_title(); ?></a>
    <a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_post_thumbnail(); ?></a>
</li>

.temnyi { position: relative;margin-bottom: 15px;}
.svetlyi {   position: absolute;    right: 0px;    bottom: 5px;background: rgba(0, 0, 0, 0.5);    padding: 4px 9px 5px 9px;   color: #fff;   width: 235px;}
.temnyi a:hover {color:#ffff99}

Сейчас меняется, только если на саму ссылку наводишь. И подскажите, пожалуйста, свойство, которое увеличивает яркость картинки при наведении на нее?

css
Источник: Stack Overflow на русском

Ответы

▲ 1

Попробуй так

.temnyi img:hover {
    color: #000;
    }

Яркость измеряется от нуля до единицы, 1 - это полная яркость (белый цвет), а 0 - первоначальная яркость.

.temnyi img:hover {
    filter: brightness(0.2);
    -webkit-filter: brightness(0.2);
    -moz-filter: brightness(0.2);
    -o-filter: brightness(0.2);
    -ms-filter: brightness(0.2);
    }