2011-10-14 49 views
6

我有这样的HTML:溢出:在IE8中使用css3pie的圆角边框隐藏?

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

和css:

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

的src的img以JavaScript编程设定。

img设置为其包含div的宽度。在IE9,Firefox,铬等等,这使得图像具有圆形的边界(因为图像的角落在边界外,并且有overflow:hidden;

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

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

回答

6

border-radius应用于 - divimg它应该工作。

+3

爱堆溢出.. – palmic