小编mrB*_*rna的帖子

我正在尝试像这样创建一个纯粹的CSS Venn图

鼠标悬停时圆圈突出显示的位置.但问题是:border-radius如果我将鼠标移到圆圈的一角(圆圈外),则使用该属性,它也会触发悬停.

对于演示,请参阅此jsfiddle链接 并将鼠标悬停在红色区域上

是否有任何CSS解决方案,以避免这种情况或我ganna必须使用javascript计算它？

编辑:感谢大家的回复.我也应该发布浏览器信息.我正在使用Chrome 12到目前为止,Chrome中似乎存在此错误.我将更新此页面以及任何进一步的调查结果.

更新2013年8月:刚刚在Chrome 28上对此进行了测试,问题不再存在.