Hi，大家好，我是编程小6，很荣幸遇见你，我把这些年在开发过程中遇到的问题或想法写出来，今天说一说css实现气泡框效果,希望能够帮助你!!!。

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

以上！

今天的分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。