content 的attr 实现 鼠标悬浮 显示 悬浮提示,
content 属性与 :before 及 :after 伪元素配合使用,来插入生成内容。
标签:
content 的attr 实现 鼠标悬浮 显示 悬浮提示,
content 属性与 :before 及 :after 伪元素配合使用,来插入生成内容。
<div>
<span data-tooltip="hello world">Hover Me!!!</span>
</div>
css如下
data- 为自定义属性,如上 自定义 提示 data-tooltip ="hello world",
配合 before ,after 使用 content 的attr 调用 自定义提示,
content: attr(data-tooltip);
鼠标悬浮显示效果图如下:
css content 的 attr 用法 (实现悬浮提示)
标签:
原文地址:http://www.cnblogs.com/hjsblogs/p/5371232.html