のセットがあります <a>
RGBAの背景色が異なるが、アルファは同じタグのます。rgba属性の不透明度のみを変更する単一のCSSスタイルを書くことは可能ですか?
コードの簡単な例:
<a href="#"><img src="" /><div class="brown">Link 1</div></a>
<a href="#"><img src="" /><div class="green">Link 2</div></a>
そしてスタイル
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);}
私がやりたいの<a>
は、がホバーされたときに不透明度を変更しながら、色を変更しない単一のスタイルを書くことです。
何かのようなもの
a:hover .green, a:hover .brown {background-color: rgba(inherit,inherit,inherit,1);}
a
要素を使用できます。
a
周囲のタグではなく、単一のタグimg
です。HTML 5でサポートされているという事実は素晴らしいボーナスです。
div
要素の中であなたのa
要素は何をしていますか?