Question

-webkit-border-radius:10px;

不适用于safari。我已经在所有浏览器中都使用了css：

.nav {border:1px solid #e5e5e5;width:100px;height:32px;-moz-border-radius: 8px 8px 0px 0px;-webkit-border-radius: 8px 8px 0px 0px;-khtml-border-radius: 8px 8px 0px 0px;behavior:url(../images/PIE.htc);border-radius: 8px 8px 0px 0px;}

任何人都可以帮助我吗？谢谢小吃

Answer 1

您确定您使用的Safari版本是否支持缩写CSS3作为边框半径值？尝试使用

进行设置

-webkit-border-top-left-radius 
-webkit-border-top-right-radius 
-webkit-border-bottom-left-radius 
-webkit-border-bottom-right-radius

或者，您可以查看使用http://leaverou.github.com/prefixfree/，这将消除您指定多个浏览器前缀的需要。

Answer 2

Safari 4.0.4（可能还有其他一些）有一个错误，它不喜欢border-radius速记。请参阅CSS Wizardry中的this post。您必须使用longhand标记定义webkit版本：

-webkit-border-radius: 8px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius:8px 8px 0 0;
border-radius:8px 8px 0 0;

正如Dan的回答所示。

-webkit-边界半径：10px的;是不是在野生动物园工作

2 个答案: