在 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