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

时间:2011-10-14 09:11:12

标签: javascript css css3pie

我有这个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等中,这使得图像具有圆形边框(因为图像的边角在边框之外,并且有overflow:hidden;

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

有没有办法使用css,css3pie,javascript等?或者这在IE8中无法实现?

1 个答案:

答案 0 :(得分:6)

border-radius同时应用于divimg,它应该有效。