I’ve fixed image size. And I want to achieve rounded corners through html/css.
Options I’m thinking about is to overlay image with four corner png. Using img:after and content. But unfortunately img:after is purely supported across browsers, let alone compatibility with IE 6.7.
Is there any simple clean way to achieve this?
In theory I could also create div with corner background and make it go absolute over the image… but that would break save as functionality…….
any ideas?
Well, there’s always CSS3
rounded cornersborder radius which has very good support in every modern browser, then the CSS3PIE polyfill for older versions of IE.