IE 9 gradients with rounded corners

by bvt

Der IE9 mag ja besser geworden sein, aber Webentwicklern bereitet er weiterhin Kopfschmerzen:

Internet Explorer 9 beta does not support CSS3 gradients but continues to support the legacy, proprietary, gradient filter for creating gradient backgrounds on html elements.

Unfortunately, the two do not work together. Applying a gradient filter to an element with rounded corners results in the gradient background poking through the borders of the element. Here is a screen shot of the bug in action.

Die Lösung scheint SVG zu sein. Michael Barrett erklärt wie es geht. Aber ehrlich gesagt, ich werde dem IE in diesem Fall wohl einfach einen einfarbigen Hintergrund geben.