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

Steffen Ritter info at rs-websystems.de
Sun Jun 20 12:51:56 CEST 2010


Am 19.06.2010 14:19, schrieb Steffen Gebert:
> 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)
>
> Steffen
+1 reading and testing, ff 3.6 ie6 and ie8 (+ compatible mode)


More information about the TYPO3-team-core mailing list