利用css实现如上图所示的气泡框效果。
<div class="disNone">
<span class="top"></span>
<img src="img/footer-appdownload (1).png" alt="苹果下载"/>
</div>
/*气泡框效果实现*/
.footer .footerArea .footerRight ul li a:hover .disNone span{
width:0;
height:0;
font-size:0;
overflow:hidden;
position:absolute;
}
.footer .footerArea .footerRight ul li a:hover .disNone span.top{
border-width:13px;
border-style:solid dashed dashed;
border-color:#ffffff transparent transparent;
left:46px;
bottom:-23px;
}
以上!