溢出：隐藏在Firefox中有效，但在Chrome中无效。为什么？

我一直在尝试玩一点CSS3，并建立一个Netscape的标志，纯粹出于CSS3的培训

以下是链接：

问题是：在Firefox中，一切看起来都很好，但在Chrome中却出了问题。我假设这是我的

溢出：隐藏的
——在Firefox中它可以工作，但Chrome似乎不能很好地呈现它

关于可能出现的问题有什么建议吗？
我在这里详细介绍了这个问题：

特别是，你被

这个问题也出现在Safari中。
如果不使用相对定位，您可以解决这个问题。尝试摆脱“position:absolute”CSS属性，改用负边距（例如，在您的例子中，类似于：“margin:-204px 0-475px；”）

但是请注意，您必须在物品订购方面进行某种补偿（您不再能够控制z-index，但您需要它）。
我在Windows计算机上的Chrome中遇到了相同的问题，在div中有一个img，溢出：隐藏在div上。在Mac上，一切都显示良好，但Windows Chrome忽略了溢出：隐藏。我的解决方案：-webkit转换：缩放（1）；在img（儿童）上
 干得好！正如你所说，
边界半径
溢出：隐藏
似乎有问题。似乎webkit不理解这两者的结合，并将其视为矩形。你应该考虑向WebKIT提交一个bug报告。好东西！也许您遇到的错误是这个：。这可能是一个类似的问题：，海报能够解决。我注意到在
whiteCircle
和
blackCircle
上使用“position:relative”并用负边距移动它们效果更好，但你可能对如何实现你想要的效果有了更好的想法。嘿，干得好。如果您愿意，请将其添加到收藏中。：。。。它比我的任何一个都好。我不得不说，我很惊讶在Webkit中看到这样的问题。如果你能在答案中添加更多细节，而不仅仅是删除几个链接，那就太好了。