safari - Safari 6 圆角故障

Question

你好！正如您在图像上看到的，在 safari 6 中出现了一个带有圆角的奇怪行为

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

当悬停在元素上时，当悬停次数越来越多时，会出现一条细线……第一个和第二个链接没有悬停，您可以看到由于将鼠标悬停在元素上几次而导致的不同线条。 ..

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

Answer 1

我以前没有见过这种确切的行为，但我见过类似的。我假设您使用的是 Retina MBP？当然还有山狮。Safari偶尔会遇到边框半径和虚拟分辨率（这是视网膜显示的工作方式）的问题。

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

同时，您可能会幸运地确保所有边框样式都将其隐藏：

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

希望有帮助！

-麦克风

Answer 2

这篇文章可能会回答您的问题Safari 中的 CSS 圆角错误？.

尝试使用：

-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;