私はこのHTMLを持っています:
<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、chrome などでは、これにより画像の境界線が丸くなります (画像の角が境界線の外側にあるためoverflow:hidden;) 。
IE8 では、画像の境界線が丸くなりません。border-radius プロパティが有効になります (そうすると画像の後ろに表示されますborder: solid black 1px;) が、画像の境界線の外側の部分は隠されません。
css、css3pie、javascriptなどを使用してこれを回避する方法はありますか? それとも IE8 でこれを達成することはできませんか?