親ホバーに最初の子CSSを変更します
-
26-12-2019 - |
質問
サンプルのいじりはこちらです。 >>> http://jsfiddle.net/3cytx/12/
i画像(例えば、ビデオ画像スクリーン)と他の画像を表す子要素(例えば、90x60、「再生」アイコン)を表す要素を有する。
<div class="big">
<img class="small">
</div>
.
big 画像の上に私は small がその不透明度を変えるときに欲しい。
コードベローズはのみを small 画像をホバリングしたときに。
.small {
opacity: 0.5;
}
.small:hover {
opacity: 0.9;
}
.
解決
他のヒント
.big {
width:200px;
height:150px;
background-color: green;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.small {
opacity: 0.9;
background: red;
width:90px;
height:60px;
}
.big:hover > .small {
opacity: 0.5;
}
.
所属していません StackOverflow