我有这个 HTML:
<div id="micrositePhotoDiv">
<img id="micrositePhoto" />
</div>
和CSS:
#micrositePhotoDiv {
overflow:hidden;
@include border-radius(10px);
behavior: url(PIE.htc);
}
img
的 src 在 javascript 中以编程方式设置。
img
设置为其包含的 div 的宽度。在ie9、firefox、chrome等中,这使得图片有圆 Angular 边框(因为图片的 Angular 在边框外,存在overflow:hidden;
)
在 IE8 中,图像没有圆 Angular 边框。 border-radius 属性生效(如果我执行 border: solid black 1px;
,我可以在图像后面看到它)但图像的边界外部分不会被隐藏。
有没有办法使用 css、css3pie、javascript 等解决这个问题?或者这在 IE8 中是不可能实现的?
最佳答案
将 border-radius
应用于 - div
和 img
,它应该可以工作。
关于javascript - 溢出 :hidden for rounded borders using css3pie in IE8?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7765434/