TYPO3 Core

We currently use CSS3 gradients in some places:

background-image: linear-gradient(center top, #ffffff 0px, #ececec 100px);
background-image: -moz-linear-gradient(center top, #ffffff 0px, #ececec 100px);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0px, #ffffff), color-stop(100px, #ececec));

For browsers like IE or Opera, which cannot deal with gradients, the defined background-color is used.
A better fallback is to define the gradient as graphic (url(..)) at the first place and then follow with the (-moz|-webkit)linear-gradient definitions.

• Incompatible browsers will ignore the gradient definition and load the image file
• Compatible browser will ignore the file (and thus spent HTTP requests), but show the gradient as defined in CSS.

(issue imported from #M14788)