html5+css3气泡组件的实现

前言 气泡组件在实际工作中非常普遍,无论是网页中还是app中,比如: 我们这里所谓气泡组件是指列表型气泡组件,这里就其dom实现,css实现,js实现做一个讨论,最后对一些细节点做一些说明,希望对各位有用 小钗最近初学CSS,这里做一个专题,便于自身CSS提升,文章有不少问题与可优化点,请各位指导 组件分类 单由气泡组件来说,他仍然属于“弹出层”类组件,也就是说其会具有这些特性: 1 布局为脱离文档流 2 可以具有mask蒙版,并且可配置点击蒙版是否关闭的特性 3 可选的特性有点击浏览器回退关闭组件以及动画的显示与隐藏动画特性 其中比较不同的是: 1 不是居中定位 2 具有一个箭头标