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

Posted 2023-05-08

【中文标题】溢出：在 IE8 中使用 css3pie 隐藏圆形边框？

【英文标题】：Overflow:hidden for rounded borders using css3pie in IE8?

【发布时间】：2011-12-07 14:28:41

【问题描述】：

我有这个 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中是不可能实现的？

【参考方案1】：

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