你好!正如您在图像上看到的,在 safari 6 中出现了一个带有圆角的奇怪行为
{ border-radius: 5px 5px 5px 5px; }
当悬停在元素上时,当悬停次数越来越多时,会出现一条细线……第一个和第二个链接没有悬停,您可以看到由于将鼠标悬停在元素上几次而导致的不同线条。 ..
这只是野生动物园中的一个错误吗?
我以前没有见过这种确切的行为,但我见过类似的。我假设您使用的是 Retina MBP?当然还有山狮。Safari偶尔会遇到边框半径和虚拟分辨率(这是视网膜显示的工作方式)的问题。
尝试退出 Safari,更改分辨率,然后再次打开它。如果一开始看起来更好,那么您只需要等待 Apple 的修复即可。
同时,您可能会幸运地确保所有边框样式都将其隐藏:
border-color: transparent;
border-style: none;
border-width: 0;
希望有帮助!
-麦克风
这篇文章可能会回答您的问题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;