css邊框半徑在鉻百分比錯誤

嗨，我遇到了鉻問題的麻煩。我認爲這可能是一個錯誤，但我無法找到關於它的很多信息。基本上我想對圖像應用邊框半徑。邊界半徑爲50％，形成一個圓圈。我將它設置爲％的原因是因爲我不會明白知道圖像的寬度/ hieghtt。css邊框半徑在鉻百分比錯誤

任何想法爲什麼鉻不顯示邊界correclty？我還沒有在FF <中測試過4.但FF4的效果很好，因爲IE的變化

2011-06-01 ivordesign

我想出了一個辦法解決它，通過增加邊界和邊界半徑到父。然後，我也將邊框半徑應用於圖像。雖然有一個小小的差距它現在在Chrome中運行。我沒有在FF3.6中測試過它。但FF4顯示相同的結果

2011-06-02 08:41:43 ivordesign

我正要寫這個答案。 – 2016-02-07 09:55:54

你想要做什麼？你想在圖像後面出現一個圓圈嗎？這就是我在FF中看到的。在Chrome中，該圓圈正在裁剪圖像的邊緣。

替換元素的含量總是修剪成內容邊緣曲線。

對我而言，這意味着Chrome在這方面正確地遵循了規範。

2011-06-01 14:02:34

Webkit目前不會剪裁圖像的角落。從圖像中刪除src標記，您將看到邊框正確圓整。

一種解決方法是你可以設置background-image財產CSS：http://jsfiddle.net/tEzwJ/

2011-06-01 14:05:53 scurker

謝謝你。我知道背景圖像是一種解決方案，但並不是真的想要走這條路。但它可能是唯一的解決方案。它是一個奇怪的選擇webkit不剪輯圖像 – ivordesign 2011-06-01 15:26:12

我把它作爲一個webkit的錯誤，因爲即使你有'

'包含圖像甚至沒有剪輯！本頁面還提供了一些更有用的示例：http://www.bradclicks.com/cssplay/BorderImageAndRadius.html – scurker 2011-06-01 19:28:38

回答