Tell me more ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.
up vote 3 down vote favorite
1

I have tried several ways to get rounded corners around images without success. The best I got was using the image as background and applying the round corners style to the div as in this picture.

Problem is that image is not linked through an img tag, so GoogleBot does not index it.

Is there a better solution just using img tag and css to get images with rounded corners?

Thanks in advance!

share|improve this question
Which browsers are you testing? Most modern browsers should handle this OK directly on an img element. An exception could be Opera (I tested 11.5 sometime ago). And IE8 is a problem anyway. I answered a very similar question to this on StackOverflow a while back... stackoverflow.com/a/7284337/369434 – w3d Sep 1 '12 at 10:53
Update... Just tested the latest version of Opera (12.02) and the rounded corners on the img element appear to work OK. – w3d Sep 1 '12 at 11:03
This belongs in stackoverflow.com – Christopher Sep 1 '12 at 12:01
Closed as off-topic. I'm not going to migrate it, because images with rounded corners have already been discussed multiple times there. – Christofian Sep 1 '12 at 16:54

closed as off topic by Christofian Sep 1 '12 at 16:52

Questions on Webmasters Stack Exchange are expected to relate to webmastering within the scope defined in the FAQ. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about closed questions here.

Browse other questions tagged or ask your own question.