Webmasters Stack Exchange is a question and answer site for pro webmasters. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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

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

Questions on Webmasters Stack Exchange are expected to relate to webmastering within the scope defined by the community. 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 reopening questions here.If this question can be reworded to fit the rules in the help center, please edit the 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 – w3dk 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. – w3dk 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. – Hamlet Sep 1 '12 at 16:54

Browse other questions tagged or ask your own question.