2011-10-14 50 views
6

我有這樣的HTML:溢出:在IE8中使用css3pie的圓角邊框隱藏?

<div id="micrositePhotoDiv"> 
    <img id="micrositePhoto" /> 
</div> 

和css:

#micrositePhotoDiv { 
    overflow:hidden; 
    @include border-radius(10px); 
    behavior: url(PIE.htc); 
} 

的src的img以JavaScript編程設定。

img設置爲其包含div的寬度。在IE9,Firefox,鉻等等,這使得圖像具有圓形的邊界(因爲圖像的角落在邊界外,並且有overflow:hidden;

在IE8中,圖像沒有圓角邊框。 border-radius屬性生效(我可以在圖像後面看到它,如果我的是border: solid black 1px;),但邊界外部的圖像部分未隱藏。

有沒有辦法解決這個問題,使用css,css3pie,javascript等?或者這是不可能在IE8中實現的?

回答

6

border-radius應用於 - divimg它應該工作。

+3

愛堆溢出.. – palmic