-webkit-border-radius：10px;不在safari中工作

-webkit-border-radius:10px;

不在safari中工作。我已經使用CSS這樣的所有瀏覽器：-webkit-border-radius：10px;不在safari中工作

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

任何人都可以幫助我嗎？謝謝小吃

來源

2012-02-09 Tapas Chandra

一個例子會很好。 – 2012-02-09 10:37:12

嘗試官方（CSS3版本）邊界半徑的標記，看看它是否有效。 – Joseph 2012-02-09 10:43:19

您確定您正在使用的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/，這將消除你需要指定多個瀏覽器的前綴。

來源

2012-02-09 10:39:53

非常感謝Dan Prince，現在工作很好。非常感謝。 – 2012-02-09 11:13:36

比你丹丹王子，我一直在掙扎着。 – dekisha 2013-01-17 10:13:55

Safari 4.0.4（可能還有其他一些）不存在邊界半徑縮寫的問題。請參閱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的答案中所建議的那樣。

來源

2012-02-09 10:54:58 chris5marsh

感謝chris5marsh，它的工作正常。非常感謝。 – 2012-02-09 11:12:28

-webkit-border-radius：10px;不在safari中工作

回答

相關問題