Переполнение: скрыто для закругленных границ с помощью css3pie в IE8?

У меня есть этот 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?

6
задан Oliver 14 October 2011 в 09:11
поделиться