The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Chrome -webkit-border-radius bug? Re: Chrome -webkit-border-radius bug?


Just jumpin’ on the hack train. I noticed a similar effect happening when I tried to have an element fade in and out with opacity. Much to my surprise when opacity hit 1 Chrome would no longer clip the edges of content within my container. So, I hacked my way around it by setting opacity to 0.99999.

opacity: 1
Children bleed around rounded border.

opacity: 0.99999
Children will no longer bleed around rounded border.
Ugly, but it works.