3

似乎 CSS 圆角样式适用于我的 Stackexchange 网站的某些部分 - SF Answers & Phonehow.com而不是其他部分 - 它在 Chrome 中正确显示,但在 Safari 中不正确。我不确定这是否是一个 Safari 错误,或者我缺少的东西。导航栏在所有浏览器中都使用圆角样式,但选项卡(活动、精选、热门、周、月)在 Safari 中仍然是方形的。我让我的几个程序员同事检查它,他们被卡住了,所以我想我会在这里问这个问题。谢谢

这是我的代码:

#tabs a.youarehere, #tabs a:hover, .jtabs .tabsul li:hover, .jtabs .tabsul li.ui-tabs-selected {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-color:#BBBBBB #BBBBBB #FFFFFF;
border-style:solid;
border-width:1px;
color:#264a6f;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
4

1 回答 1

1

使用时只能使用一个值-webkit-border-radius。目前看来 Chrome 可以处理更多值,但 Safari 不能。请参阅这篇文章以获得很好的解释或查看MDC(嗯,它没有提到 Chrome)。奇怪的是,我在 webkit.org 上找不到这方面的信息,但我只是快速搜索了一下。

对 Safari使用长格式属性-webkit-border-top-left-radius(即等)。

于 2010-02-08T23:22:41.607 回答