W3C home > Mailing lists > Public > www-style@w3.org > September 2011

Re: [cssN backgrounds] background-repeat: extend;

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Tue, 20 Sep 2011 14:54:48 -0700
Message-ID: <CAAWBYDA3ZbkPg0uNPvgRCBD1PccaEwdiG-BrCBfRWwX_1w31SQ@mail.gmail.com>
To: Brian Manthos <brianman@microsoft.com>
Cc: "www-style@w3.org" <www-style@w3.org>
On Tue, Sep 20, 2011 at 2:04 PM, Brian Manthos <brianman@microsoft.com> wrote:
> Ok, let me give you a simpler example.
>
> Why should these render differently?
>
> div {
>        width: 500px;
>        height: 500px;
>        background-size: 50px 50px;
>        background-repeat: extend;
> }
> div:nth-child(1) {
>        background-image: radial-gradient(cover, red, blue);
> }
> div:nth-child(2) {
>        background-image: url(radial-gradient-cover-red-blue.png);
> }
>
> For browsers and platforms that support "background-repeat: extend;" (someday) but can't or won't support radial-gradient, this would be a very useful consistency to have in CSS.

I'll assume you meant 'contain' on the radial-gradient(), because
otherwise the answer is trivial.

There's no particular reason for them to render differently, but
neither is there any particular reason for them to render the same.
I'm ambivalent on the matter.

~TJ
Received on Tuesday, 20 September 2011 21:55:44 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:44 GMT