题
样本的小提琴在这里: http://jsfiddle.net/3cytx/12/
我有一个元素代表图像(例如,视频图像屏幕)和表示另一个图像的子元素(例如90x60,“播放”图标)。
<div class="big">
<img class="small">
</div>
.
我想要在over big 图像上时, small 一个改变它的不透明度。
.small {
opacity: 0.5;
}
.small:hover {
opacity: 0.9;
}
.
解决方案
你可以这样做:
.big:hover .small{
// do stuff
}
.
检查这个
其他提示
.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