溢出：在 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 中以编程方式设置的。

img 设置为其包含 div 的宽度。在ie9、firefox、chrome等中，这使得图片有圆角边框（因为图片的边角在边框外，还有overflow:hidden;）

在 IE8 中，图像没有圆角边框。 border-radius 属性生效（如果我这样做border: solid black 1px;，我可以在图像后面看到它）但边界之外的图像部分没有隐藏。

有没有办法使用 css、css3pie、javascript 等来解决这个问题？或者这在IE8中是不可能实现的？

Answer 1

将border-radius 应用于div 和img，它应该可以工作。