CSS 3 border-radius屬性; Chrome中的角落太蒼白了？

我試圖用CSS 3使用圓角，但我得到一個奇怪的錯誤。在IE9中，一切都很好。但是，在Chrome中，當我嘗試向邊框添加顏色時，邊角本身顯得太蒼白了。任何人得到這個錯誤？它甚至是一個錯誤？CSS 3 border-radius屬性; Chrome中的角落太蒼白了？

我在用的一個例子是：

border: solid 1px #000000; 
-moz-border-radius: 10px; 
-khtml-border-radius:10px; 
border-radius: 10px;

[解決]
感謝您的幫助，但我發現了什麼問題。

我正在四捨五入映像（可能應該指定了這一點），所以邊界舍入發生在圖像後面，即實際的邊框在它後面被圓化，使得它看起來好像邊框更薄，甚至透明。通過稍微改變圖像，我設法得到了我正在尋找的結果。

再次感謝大家！ N.S.

請記住，不同的瀏覽器以不同的方式繪製圓角邊框。這是一個實現細節，而不是實際的錯誤本身。 – BoltClock

我不會說在Chrome中邊框看起來更蒼白。你能發佈一個屏幕截圖嗎？也許這是反鋸齒，使它看起來更蒼白？像@BoltClock所說的 – RoToRa

，瀏覽器將呈現略微不同。使用老式的圖像方法可能會解決問題。 – Alex

你的圓角也可以通過瀏覽器實現CSS3屬性，background-origin和background-clip的影響。

背景來源屬性用於確定如何計算某個框中的背景的背景位置。 background-clip屬性用於確定背景是否延伸到邊框中。

以下屏幕截圖demonstrates the differences這兩個屬性具有背景和邊框，可能會影響您的圓角。

enter image description here

第一行使用background-clip: border-box，而第二行指定background-clip: padding-box。

2011-06-20 16:01:12 rjb

也許嘗試這個

-webkit-border-radius: 10px;

2011-06-20 13:19:31 Sebastian

對不起，我忘了添加那個，但我已經擁有它了。 –

感謝您的幫助，但我發現問題所在。

再次感謝大家！ N.S。

2011-06-21 18:35:13

回答