我通过(通过调试器)修改代码以在具有边界半径的节点上添加可见边界来测试此代码,然后隐藏内容。它清楚地显示出外部元素的圆圈。由于Safari和Chrome中都使用了Webkit,因此可以对它们进行解释。但是,在Opera中对其进行测试时,似乎会看到相同的错误。
现在,有个好消息:您可能可以使用-webkit-mask
SVG圈子使Webkit正常运行。
这样可以在Firefox,Safari和(希望)Chrome下获得支持。(显然是IE9,因为您刚刚对其进行了测试!)对于所有帐户而言,这通常是您通常希望为CSS3黑客实现的最佳水平。;-)