我有这个 HTML:
<div id="micrositePhotoDiv">
<img id="micrositePhoto" />
</div>
和CSS:
#micrositePhotoDiv {
overflow:hidden;
@include border-radius(10px);
behavior: url(PIE.htc);
}
的 srcimg
在 javascript 中以编程方式设置。
The img
设置为其包含的 div 的宽度。在ie9、firefox、chrome等中,这使得图像具有圆角边框(因为图像的角在边框之外,并且有overflow:hidden;
)
在 IE8 中,图像没有圆角边框。 border-radius 属性生效(如果我这样做,我可以在图像后面看到它border: solid black 1px;
)但图像边界之外的部分不会被隐藏。
有没有办法使用 css、css3pie、javascript 等解决这个问题?或者说这在IE8中是不可能实现的?
Apply border-radius
二者皆是 -div
and img
它应该有效。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)