javascript - 溢出：在 IE8 中使用 css3pie 隐藏圆形边框？

Question

我有这个 HTML：

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

和CSS：

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

的 srcimg是在 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它应该工作。