使用attr()的仅CSS多媒体工具提示

使用attr()的仅CSS多媒体工具提示,css,Css,CSS3attr()函数非常有用、优雅、简洁 这个特别的例子展示了CSS_工具提示的直截了当性。 但是,我从未成功生成工具提示的内容 <div tooltip="straight text [...]"> 除了纯文本之外的任何内容。插入图像标记(第二个工具提示示例)将生成图像标记的一般文本表示 有没有办法在attr()函数中同时包含图像和文本?CSS技巧依赖于更改伪类的内容:before 在那里添加HTML内容将不起作用。看看这个答案: 另外,如果要添加图像,请将其添加为背景。

CSS3
attr()
函数非常有用、优雅、简洁

这个特别的例子展示了CSS_工具提示的直截了当性。 但是,我从未成功生成工具提示的内容

<div tooltip="straight text [...]">

除了纯文本之外的任何内容。插入图像标记(第二个工具提示示例)将生成图像标记的一般文本表示


有没有办法在
attr()函数中同时包含图像和文本?

CSS技巧依赖于更改伪类的内容
:before

在那里添加HTML内容将不起作用。看看这个答案:

另外,如果要添加图像,请将其添加为背景。我觉得这个很好用。