[TYPO3-core] RFC #14788: Add fallback graphics for CSS3 background gradients

[Susanne Moog]

On 19.06.2010 14:19, Steffen Gebert wrote:
> Hi,
> 
> This is a SVN patch request.
> 
> Type: Bugfix
> 
> Bugtracker references:
> http://bugs.typo3.org/view.php?id=14788
> 
> Branches:
> trunk
> 
> Problem:
> 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.
> 
> Solution:
> 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.
> 
> Note:
> Color profiles of all files have been removed using pngcrush (#14516)

committed to trunk rev 7978