css实现气泡框效果

来源:互联网 发布:淘宝排查店铺申诉入口 编辑:程序博客网 时间:2024/05/20 18:44

利用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;}
以上!

原创粉丝点击