Taşma: IE8'de css3pie'yi kullanarak yuvarlak kenarlıklar için gizli mi?

Question

Bu HTML'ye sahibim:

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

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

img için src programatik olarak javascript olarak ayarlanır.

img, içerdiği div'in genişliğine ayarlanır. Örneğin9, firefox, krom vb. Bu, görüntünün köşeleri yuvarlaklaştırdığından (görüntünün köşeleri kenarlıktan uzak olduğundan ve overflow:hidden; olduğundan)

IE8'de görüntünün yuvarlak kenarlıkları bulunmuyor. Sınır yarıçapı özelliği etkinleşir (border: solid black 1px; yaparsam görüntünün arkasına bakabilirim), ancak resmin kenarlık dışındaki kısımları gizlenmez.

Bunun etrafında css, css3pie, javascript vb. kullanan herhangi bir yolu var mı? Yoksa IE8'de bu mümkün değil mi?

Answer 1

border-radius - div ve img öğelerini uygulayın ve işe yaramalıdır.