HMTL5 鼠标悬停上显示或隐藏效果

 先隐藏，再显示的效果

	<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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<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;
}