Multiple background images - or "layering"

[Robin Winslow]

Hi. I'm new here, never posted on this forum before, but I think I'd
like to get a bit more involved with the development of Firefox.

Anyway, I found myself having to implement a rounded-corner box
background on a DIV, and I thought "hold on, Firefox 3 supports almost
all of CSS3, maybe there's a clever CSS3 way to do this!". Well it
turns out there is a very elegant way to do it, but FX3 doesn't
support it!

Where I initially found it: http://24ways.org/2006/rounded-corner-boxes-the-css3-way
Official W3C specification: http://www.w3.org/TR/css3-background/#layering

Is there any particular reason why FX3 doesn't support this? Or have
we just not got round to it? If the latter, are there any plans to
implement this particular property in the future?

I realise that a similar effect can be achieved with the non-standard
property "-moz-border-radius" (E.g. http://24ways.org/examples/rounded-corners-the-css3-way/rounded3.html)
- but this is no help if I want anything more complicated than a
simple round corner - e.g. a 3D effect or a page-fold corner.

Cheers y'all :)

Robin.

[Robin Winslow]

Another property not supported by FX3 is border-image:

http://www.w3.org/TR/2002/WD-css3-border-20021107/#the-border-image
http://arnita.blogsome.com/2007/06/11/css3-create-borders-in-mozillafirefox/

Which is also annoying, as this could have provided me with an
alternative solution.

On Jun 16, 11:22 am, Robin Winslow <ro...@robinwinslow.co.uk> wrote:
> Hi. I'm new here, never posted on this forum before, but I think I'd
> like to get a bit more involved with the development of Firefox.
>
> Anyway, I found myself having to implement a rounded-corner box
> background on a DIV, and I thought "hold on, Firefox 3 supports almost
> all of CSS3, maybe there's a clever CSS3 way to do this!". Well it
> turns out there is a very elegant way to do it, but FX3 doesn't
> support it!
>
> Where I initially found it:http://24ways.org/2006/rounded-corner-boxes-the-css3-way
> Official W3C specification:http://www.w3.org/TR/css3-background/#layering
>
> Is there any particular reason why FX3 doesn't support this? Or have
> we just not got round to it? If the latter, are there any plans to
> implement this particular property in the future?
>
> I realise that a similar effect can be achieved with the non-standard

> property "-moz-border-radius" (E.g.http://24ways.org/examples/rounded-corners-the-css3-way/rounded3.html)

[Iasthaai]

I'm really interested to read the answer to this fellows query. He
posted over a month ago and no response, none at all?! Hmm...
Anyway, I feel that if we are to ever make any headway with standards
compliant browsers, newer more capable browsers should keep on
relatively the same page.

Currently Safari Webkit supports multiple background images; but what
about the shiny new FX3? I've been searching on Google and I cannot
find any talk about plans to incorporate this into future releases.

[Daniel Holbert]

> Another property not supported by FX3 is border-image:

According to yesterday's Firefox 3.1 meeting notes
http://wiki.mozilla.org/Firefox3.1/StatusMeetings/2008-07-22
"border-image" made the cut for Firefox 3.1 alpha 1. The bug page for
that feature is https://bugzilla.mozilla.org/show_bug.cgi?id=378217 .

If you like, you can try it out in a nightly build from
http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/
or you can wait for the 3.1 alpha release (in a week or so).

~Daniel