gpt4 book ai didi

css - SVG - 多边形悬停无法正常工作

转载 作者:行者123 更新时间:2023-11-28 09:07:56 25 4
gpt4 key购买 nike

<分区>

正如您在下面的 gif 中看到的,当我将鼠标光标从底部多边形移动到上部多边形时,:hover 状态无法正常工作:

polygon {
stroke-width: 5;
stroke: red;
fill: none;
}

polygon:hover {
fill: red;
}
<svg viewBox="0 0 999 799">
<polygon points="445,161 345,174 500,10" />
<polygon points="445,161 345,174 500,270" />
</svg>

[jsfiddle]

enter image description here

在 Chrome 和 Firefox 中测试 - 结果是一样的。

如何在鼠标光标进入其边界后立即实现 SVG 多边形转 :hover 状态?

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