我試圖讓使用-webkit-border-radius
的Webkit按鈕:背景顏色溢出圓角
這給了我這個按鈕(在Safari)圓形按鈕:
你可以看到,背景顏色在四捨五入中溢出。我嘗試改變邊框的大小和半徑,但它沒有幫助。這是一個Safari或渲染錯誤?
我試圖讓使用-webkit-border-radius
的Webkit按鈕:背景顏色溢出圓角
這給了我這個按鈕(在Safari)圓形按鈕:
你可以看到,背景顏色在四捨五入中溢出。我嘗試改變邊框的大小和半徑,但它沒有幫助。這是一個Safari或渲染錯誤?
它在這裏討論了關於http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed?d1dc0f00邁克·哈丁的博客:
-webkit-background-clip: padding-box;
看起來像這是WebKit的渲染錯誤。 Adam Betts on Twitter:
我們在Safari 5和邊界半徑 工件仍然在這裏。爲什麼不是 這已經修復? http://lensco.be/test/border-radius-artifacts/
這裏有一個[的jsfiddle(http://jsfiddle.net/ento/pDTzK/)說明該問題並修復回答下面。 – ento 2011-04-10 08:23:10