hello , i have been trying to create a sort of image slideshow. the problem is that in firefox it displays correctly
with rounded corners , but in chrome the rounded corners ( using css3 ) are being 'hidden' at the back although it is there .
here's a demo of my work :
http://anisa.me/work/
Any help would be highly appreciated .
CSS Problem with rounded corners in chrome
Moderator: General Moderators
Re: CSS Problem with rounded corners in chrome
Firefox & Chrome use different rendering agents. Apparently Firefox's Gecko engine clips images to be inside rounded borders, while Chrome's Webkit engine does not.
I did a Google search for "Webkit round borders clip content" & the first result looked promising at a glance: http://clagnut.com/blog/2273/
I did a Google search for "Webkit round borders clip content" & the first result looked promising at a glance: http://clagnut.com/blog/2273/
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
Re: CSS Problem with rounded corners in chrome
chrome css3 uses the webkit prefix so your chrome should be something like
-webkit-border-radius:6px;
-webkit-border-radius:6px;
Re: CSS Problem with rounded corners in chrome
You can take a glance at excellent Thumbnailer library to easily create rounded thumbnails.