我有这个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中无法实现?
答案 0 :(得分:6)
将border-radius
同时应用于div
和img
,它应该有效。