Home › Forums › CSS › Huh? Gradient backgrounds Remove border-radius in IE9??? › Re: Huh? Gradient backgrounds Remove border-radius in IE9???
February 12, 2013 at 2:00 pm
#124265
BrianLewisDesign
Member
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 */
}