【HUI】Tooltip(提示组件)——2.Tooltip in CSS2(优化方案)
文章来自LearnShare,转载请注明。
本文是【HUI】Tooltip(提示组件) 系列文章之一,请关注本系列的 更新。
末日前的 【HUI】Tooltip(提示组件)[demo0] 这篇文章讲到了使用css2制作Tooltip的提示气泡,气泡使用了如下的HTML结构:
Tooltip气泡显示在了父元素文本之后,我们需要对它进行重新定位。
首先,设置父元素为相对定位,使其子元素(包括Tooltip)相对于父元素的位置定位:
点击图片查看示例下一篇文章中,我们将添加几行样式,实现Tooltip的鼠标hover响应效果。
文章来自LearnShare,转载请注明。