html – 在SVG路径中嵌套文本

是否可以在SVG路径元素中嵌套文本(如文本元素)？

我在问,因为我希望在悬停在路径上时显示一个文本气球,如下所示：

path#mypath:hover text {
    display:block;
}

我想避免使用JavaScript,但我知道这可能是唯一的选择.

解决方法

是的,您可以使用< text>在里面< svg>.

您可以使用：

svg text:hover{
    fill:red;
}

在悬停时应用css规则.这是工作JSFiddle.但是如果要显示基于悬停元素更改位置的气泡通知,则必须使用JavaScript.如果位置没有改变,那么只需隐藏并显示div就可以在CSS中完成.