我一直在努力尝试使用CSS3并构建纯粹出于CSS3的Netscape徽标进行培训。
这是链接：
http://alonbt.com/css3/netscape/
问题是：在Firefox中看起来都很好，但在Chrome中出了问题。我认为这是我的overflow:hidden - 在Firefox中可行，但Chrome似乎无法很好地呈现它。
关于可能出现什么问题的任何建议？
答案 0 :(得分：2)
我在这里详细介绍了这个问题：http://tech.bluesmoon.info/2011/04/overflowhidden-border-radius-and.html
特别是，你被https://bugs.webkit.org/show_bug.cgi?id=50072
击中此问题也出现在Safari中。
答案 1 :(得分：0)
如果不使用相对定位，则可以解决此问题。尝试摆脱'position：absolute'CSS属性并改为使用负边距（例如在你的情况下，例如：'margin：-204px 0 0 -475px;'）。
但请注意，您必须以某种方式对项目排序进行补偿（您不再能控制z-index，但需要它）。
答案 2 :(得分：0)
我在Windows计算机上的Chrome中遇到了同样的问题，div中的img，溢出：隐藏在div上。在Mac上一切都很好，但Windows Chrome忽略了溢出：隐藏。我的解决方案：-webkit-transform：scale（1）;在img（孩子）。