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中實現的?
愛堆溢出.. – palmic