gpt4 book ai didi

html - SVG 的自定义路径标题

转载 作者:行者123 更新时间:2023-12-02 09:25:45 25 4
gpt4 key购买 nike

我目前正在研究 svg,我想知道是否可以在悬停某些元素时轻松弹出工具提示。

我发现像这样使用时属性 title 是可用的:

<path>
<title>Custom title</title>
</path>

然后我考虑自定义 title 元素,以便它可以更快地生成,具有不同的背景等......

所以我尝试了不同的东西,比如:

path[title]:hover:after { instructions }

但不幸的是,它似乎不起作用。

有人知道从路径元素自定义标题的简单方法吗?

感谢您的帮助。

最佳答案

第二次编辑(ARRGGHH!):

网址:http://www.w3schools.com/css/tryit.asp?filename=trycss_tooltip展示了如何按照您的意愿设置工具提示的样式。

编辑:

对于路径的 SVG 工具提示,它是这样的:

  <path d="M150 0 L75 200 L225 200 Z">
<title>This is a traingle</title>
</path>

希望这有效,因为我测试过它。

===========

如果您想要在图像元素上显示工具提示,请执行以下操作:

<img title="tooltip text"></img>

其他的也一样。

还有,当你在css里放括号的时候,就是放:

path[attribute=value]

所以你会想要:

path title:hover:after { 
// styling
}

我很乐意提供帮助。希望这有效!

关于html - SVG 的自定义路径标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38269458/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com