Urgently in need for a CSS solution to fix the border radius on an image in IE10?


To solve the issue where IE10 doesn’t apply the border radius on an image you need to add the radius parameter for all areas (top left, top right, bottom left, bottom right). And don’t add 0px but add 0.1px for the areas where no border-radius is needed.

For example, I only needed a border-radius-bottom-right of 20px so what I ended up doing was:

img {border-radius: 0.1px 0.1px 20px 0.1px;}

More info: http://stackoverflow.com/questions/12640815/border-radius-is-not-applied-to-img-element



Geef een reactie

Vul je gegevens in of klik op een icoon om in te loggen.

WordPress.com logo

Je reageert onder je WordPress.com account. Log uit / Bijwerken )


Je reageert onder je Twitter account. Log uit / Bijwerken )

Facebook foto

Je reageert onder je Facebook account. Log uit / Bijwerken )

Google+ photo

Je reageert onder je Google+ account. Log uit / Bijwerken )

Verbinden met %s