邊界半徑不鉻

相對定位後圖像工作我有以下造型一個div：邊界半徑不鉻

overflow:hidden; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px;

有內部的圖像，但高度對應與另一個div的高度，包含文本。

如果div包含的文本不足，則圖像會在第一個div內向上移動。由於它已經隱藏了溢出，你不會看到這個。所有這一切都很順利，直到我想給第一個邊框設置一個邊框半徑時，它才顯示出來。這隻發生在Chrome，Firefox和IE中。

2012-07-26 Boyye

給我們HTML導致的問題可能是有用的。 – Sem 2012-07-26 12:27:39

即使打賭ter：a [jsFiddle]（http://jsfiddle.net） – Shikiryu 2012-07-26 12:29:21

這是一個div內圖像上的border-radius，我不完全理解你的問題，所以修改這個JSFiddle，讓我看看它實際是什麼。

2012-07-26 13:05:51

感謝您的回覆，我更新了JSFiddle以顯示出現問題。 http://jsfiddle.net/JGQwp/3/ – Boyye 2012-07-26 13:14:29

我已經更新了小提琴在圖像上的邊界半徑，是你在找什麼？ http://jsfiddle.net/JGQwp/8/ – 2012-07-26 16:15:20

哦，並沒有底部的邊界半徑的原因，因爲溢出隱藏在div的150px高度... – 2012-07-26 16:15:54

我不知道你想達到什麼效果，但這裏是由圖像設置爲背景圖片在Chrome（和其他人）工作的例子。

和一個半徑適用於圖像：

此外，border-radius物業一直以「無前綴」在所有支持它的瀏覽器，所以你只需要：

border-radius: 20px;

2012-07-26 13:29:57 Fenton

不幸的是設置圖像作爲背景圖像在這種情況下不是一個選項.. – Boyye 2012-07-26 13:47:31

@Boyye在這種情況下，第二種選擇可能會更好。 – Fenton 2012-07-27 09:09:53

回答