Question

当我将鼠标悬停在浏览器工具提示上时，我想要显示多种形状。但是，因为它们包含图像和标题文本，所以它意味着在每个内容上复制相同的工具提示，因为它们在Z顺序中比形状更高。

我希望将它们放入＆lt; defs＆gt;这样我就可以重复使用它们了。例如：

<defs>
<title id='t1'>This is my tooltip</title>
</defs>

<image ...etc...>
<use xlink:href="#t1"/>
</image>

但这不起作用。虽然这听起来像是一个相当明显的用例，但我猜测defs只对图形元素有帮助。真的吗？还有其他方法可以做到这一点吗？

Answer 1

如果我包含CSS text { pointer-events: none; }，则不需要为我的矩形标题（或任何文本）提供相同的工具提示。

在组合形状上复制工具提示可以通过在它们上面放一个透明矩形并给出（单个实例）工具提示来完成。