先隐藏,再显示的效果
<div class="huangcheb"><img src="img/imghc/356e32bc819873b2.jpg" width="156px" height="160px" /><br />
<span class="huangchef">[品牌直营] 全自动雨伞大号遮阳伞双人太...<br />
<span style="color: red;font-weight: 600;">¥48.0</span> <img
src="img/imghc/71055124261110299.png" />
</span>
<span class="huangchee">
<a href="#" class="huangchej"><img src="img/imghc/下载.jpg" width="50px" height="50px" class="huangched"></a>
<a href="#" class="huangchec">找相似</a>
</span>
</div>
.huangchee { /*隐藏*/
display: none;
}
.huangcheb:hover .huangchef { /*移到最大层上,再关联子 透明度0.4*/
filter: alpha(opacity=0.4);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
filter: opacity(0.4);
opacity: 0.4;
}
.huangcheb:hover .huangchee {/*移到最大层上,再关联子 显示*/
display: block;
}