溢出:在IE8中使用css3pie隐藏为圆形边框？

Question

我有这个HTML:

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

和css:

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

img在javascript中以编程方式设置src .

将img被设置为它的内含div的宽度.在ie9,firefox,chrome等中,这使得图像具有圆形边框(因为图像的边角在边框之外,并且有overflow:hidden;)

在IE8中,图像没有圆角边框.border-radius属性生效(如果我这样做,我可以在图像后面看到它border: solid black 1px;)但是边框外部的图像部分不会被隐藏.

有什么方法可以使用css,css3pie,javascript等吗？或者这在IE8中无法实现？

Answer 1

适用border-radius于这两种- div和img它应该工作.