Safari 6 Round Corners Glitch

Question

嗨！正如你在图像上看到的那样，在带有圆角的safari 6中有一种奇怪的行为

{ border-radius: 5px 5px 5px 5px; }

当悬停在元素上时，有一条细线在悬停时越来越多......第一和第二个链接没有悬停在上面，你可以看到将鼠标悬停在元素上的不同行几次......

这只是野生动物园的一个错误吗？

Answer 1

之前我没有看到过这种确切的行为，但我看到过类似的情况。我假设你正在使用Retina MBP？当然还有Mountain Lion。 Safari 偶尔会遇到border-radius和virtual resolution（这是视网膜显示的工作方式）。

尝试退出Safari，更改分辨率并再次打开。如果它一开始看起来更好，那么你只需要等待Apple的修复。

与此同时，您可能会有一些运气确保所有边框样式都隐藏起来：

border-color: transparent;
border-style: none;
border-width: 0;

希望有所帮助！

-Mike

Answer 2

这篇文章可能会回答您的问题CSS rounded corners bug in Safari?。

尝试使用：

-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;

而不是：

border-radius: 5px 5px 5px 5px;