2011-04-01 98 views
2

Here是我正在處理的一個頁面。在Chrome,FF4和webkit每晚,左下角的省略號看起來不錯,在FF3中,它們看上去是圓形的頂部和底部,直側和Safari 5是矩形的。 (我沒有看過任何其他瀏覽器)css3圓形邊框奇怪

反正有沒有辦法讓Safari 5和FF3玩的很好?

更新:

設置與以下半徑使得像FF3 Safari 5的工作,圓潤的頂部和底部具有直邊。

-moz-border-radius: 1000px; 
-webkit-border-radius: 1000px; 

所以,剩下的問題是省略號不是橢圓FF3或Safari 5

UPDATE2:

貌似FF3和Safari5有邊界問題和如何計算,目前還沒有辦法解決我發現的問題。

回答

1

使用PX半徑代替%和問題解決了(似乎是航天飛機的開發督察工作在Safari)

看起來就像你重新計算軌道對象的寬度和高度,你可以同時重新計算半徑。

P.s.很高興知道%radius在所有瀏覽器上的工作都不一樣,很好找