图像上的CSS工具提示

Question

我是创建网页的初学者，我将非常感谢使用Html5标准的图像上的CSS工具提示的简单示例。我知道有一些例子，但对我来说有点困难。

Answer 1

这可能是最简单的工具提示，它利用了元素的原生title属性：

＆＃13;

＆＃13;

<style>
    p[title]:hover:after {
        content: attr(title);
        padding: 10px;
        background-color: white;
        position: absolute;  
    }
</style>

<p title="I am a tooltip!">Hover over me</p>

＆＃13;

＆＃13;

＆＃13;