首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

【HUI】Tooltip(提醒组件)——2.Tooltip in CSS2(优化方案)

2013-01-17 
【HUI】Tooltip(提示组件)——2.Tooltip in CSS2(优化方案)文章来自LearnShare,转载请注明。本文是【HUI】Tooltip

【HUI】Tooltip(提示组件)——2.Tooltip in CSS2(优化方案)

文章来自LearnShare,转载请注明。


本文是【HUI】Tooltip(提示组件) 系列文章之一,请关注本系列的 更新。


末日前的 【HUI】Tooltip(提示组件)[demo0] 这篇文章讲到了使用css2制作Tooltip的提示气泡,气泡使用了如下的HTML结构:


Tooltip气泡显示在了父元素文本之后,我们需要对它进行重新定位。


首先,设置父元素为相对定位,使其子元素(包括Tooltip)相对于父元素的位置定位:

点击图片查看示例

下一篇文章中,我们将添加几行样式,实现Tooltip的鼠标hover响应效果。


文章来自LearnShare,转载请注明。

热点排行