Forums

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

Home Forums CSS Huh? Gradient backgrounds Remove border-radius in IE9??? Re: Huh? Gradient backgrounds Remove border-radius in IE9???

#124265

Just use a wrapper div (rounded & overflow hidden) to clip the radius for IE9. Simple, works cross-browser. No need for SVG, PIE, JS, or conditional comments.

text or whatever

.ie9roundedgradient {
display:inline-block; overflow:hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}
.roundedgradient {
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
/* use colorzilla to generate your cross-browser gradients */
}