【问题标题】:CSS-only multimedia tooltip using attr()使用 attr() 的纯 CSS 多媒体工具提示
【发布时间】:2020-01-20 02:24:07
【问题描述】:

CSS3 attr() 函数实用、优雅、简洁。

这个特殊的example 展示了 CSS_only 工具提示的这种直接性。 但是,我从未设法生成工具提示的内容

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

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

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

【问题讨论】:

    标签: css


    【解决方案1】:

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

    在那里添加 HTML 内容将不起作用。看到这个答案: https://stackoverflow.com/a/22511546/11854340

    【讨论】:

    • 另外,如果要添加图像,请将其添加为背景。我认为这很好用。
    猜你喜欢
    • 1970-01-01
    • 2011-08-03
    • 2017-03-10
    • 1970-01-01
    • 2012-11-11
    • 2013-08-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多