Mam zestaw <a>
tagów z różnymi kolorami tła rgba, ale z tą samą alfa. Czy można napisać pojedynczy styl CSS, który zmieni tylko przezroczystość atrybutu rgba?
Szybki przykład kodu:
<a href="#"><img src="" /><div class="brown">Link 1</div></a>
<a href="#"><img src="" /><div class="green">Link 2</div></a>
I style
a {display: block; position: relative}
.brown {position: absolute; bottom: 0; background-color: rgba(118,76,41,.8);}
.green {position: absolute; bottom: 0; background-color: rgba(51,91,11,.8);}
Chciałbym napisać jeden styl, który zmieniłby krycie po <a>
najechaniu kursorem, ale nie zmieniłby koloru.
Coś jak
a:hover .green, a:hover .brown {background-color: rgba(inherit,inherit,inherit,1);}
a
elementy blokowe .
a
tag w przeciwieństwie do jednego wokół img
i drugiego wokół tekstu. Fakt, że jest obsługiwany przez HTML 5, jest miłym dodatkiem.
div
robią twojea
elementy w twoich elementach?