小编noa*_*msh的帖子

以下是事实：

1. 我有一个带圆角的 div，其中包含一个带圆角的 SVG 元素，可创建一个圆。

2. 在圆内（SVG）我正在绘制四个多边形，它们构成了不同的圆象限。

3. 多边形通过改变颜色来响应悬停 - 因此当用户鼠标位于圆圈中的特定象限上方时 - 它会亮起。

4. SVG 和div包含 SVG 的内容都有overflow:hiddenCSS 指令。

5. 当我将鼠标悬停在圆外的区域（但在多边形的剪切矩形内）上时 - 相应的象限会亮起......

为什么即使我将鼠标悬停在剪切区域上，元素也会响应鼠标悬停？我怎样才能确保这种情况不会发生？（不创建遮挡透明元素 - 我希望能够触摸下面图层中的某些东西......）。

编辑： 根据要求添加小提琴：

http://jsfiddle.net/JVQD8/

在小提琴中 - 请注意周围的 div 有一条红线边框。多边形（蓝色）被红色边框（div）剪裁，当您将鼠标悬停在多边形上时，它会变成浅蓝色。如果在多边形上，则多边形会在红色圆圈边框区域之外突出显示。

编辑：

正如 Robert Longson 所说，在 Firefox 中完全没有问题。然而，在 Chrome 中，问题如所描述的那样，并且在 IE 中，SVG 多边形甚至不响应悬停。

因此，有关 chrome 的问题仍然存在 - 仅在 chrome 中。我如何知道这是否是我应该报告的错误，或者这是否是设计的行为差异？