看来 CSS 圆角样式适用于我的 Stackexchange 网站的某些部分 -顺丰答案 & 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;
你只能使用一个值使用时-webkit-border-radius
。看来 Chrome 目前可以处理更多的值,但 Safari 不能。看这个帖子以获得更好的解释或看看MDC(嗯,它没有提到 Chrome)。奇怪的是,我在 webkit.org 上找不到有关此内容的信息,但我只进行了快速搜索。
Use the 长形式属性而对于 Safari(即-webkit-border-top-left-radius
等)。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)