CSS Problem with rounded corners in chrome
View Single Post
11-21-2011, 09:31 AM
Join Date: Nov 2011
You're running into browser inconsistencies in the way CSS rounded corners are displayed. Yes, foreground images extend beyond the rounded corners in several browsers (not just Chrome).
You can try the old, tried and true kludge of rounded images in the corners, or assign the photos to be background images in your divs to which a CSS class has been assigned that contains all the various flavors of rounded browser-specific CSS gibberish (you'll have much better luck clipping background rather than foreground images), or you can try assigning that CSS class to the foreground images themselves. Then there are always various combinations of all the above that you can try.
Or you can wash your hands of it all until that day when Hell freezes over, pigs fly and all the browsers start rendering everything the same way.
Estee Lauder Perfume
Last edited by Nicklaus : 11-24-2011 at
View Public Profile
Send a private message to Nicklaus
Find More Posts by Nicklaus