У меня есть этот HTML:
<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, chrome и т. Д. Это заставляет изображение иметь закругленные границы (потому что углы изображения находятся за пределами границы, и есть overflow: hidden;
)
В IE8 изображение не имеет закругленных границ. Свойство border-radius вступает в силу (я вижу его за изображением, если сделаю border: solid black 1px;
), но части изображения за пределами границ не скрыты.
Есть ли способ обойти это с помощью css, css3pie, javascript и т. Д.? Или это невозможно в IE8?