在 zurb foundation 中将图像添加到工具提示
Add image to tooltip in zurb foundation
您好,我正在创建一个结帐表单,我想添加一个工具提示来显示在哪里可以找到信用卡的 CVV。
因此,如果人们将鼠标悬停在工具提示上,然后在弹出窗口中显示图片,这可能吗?
事实证明,您可以将 HTML 添加到 title
标签。您可以像这样添加 <img>
标签:
<span data-tooltip aria-haspopup="true" class="has-tip" title="<img src='http://placehold.it/350x150'> Tooltips are awesome, you should totally use them!">extended information</span>
这里是 working demo。
您好,我正在创建一个结帐表单,我想添加一个工具提示来显示在哪里可以找到信用卡的 CVV。
因此,如果人们将鼠标悬停在工具提示上,然后在弹出窗口中显示图片,这可能吗?
事实证明,您可以将 HTML 添加到 title
标签。您可以像这样添加 <img>
标签:
<span data-tooltip aria-haspopup="true" class="has-tip" title="<img src='http://placehold.it/350x150'> Tooltips are awesome, you should totally use them!">extended information</span>
这里是 working demo。