- From: Tab Atkins Jr. <jackalmage@gmail.com>
- Date: Tue, 20 Sep 2011 14:54:48 -0700
- 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 UTC