Comments on: Opera 10 Alpha continues the CSS3 push

By: Opera Still Cooking With CSS3 On the Way | SpecialityMoney.com

Opera Still Cooking With CSS3 On the Way | SpecialityMoney.com — Sat, 28 Mar 2009 02:27:04 +0000

[...] current version of Opera already supports parts of CSS3, while support in Opera 10 will be even greater. Opera 10 beta should be available in the next few [...]

By: Opera Still Cooking with CSS3 On the Way

Opera Still Cooking with CSS3 On the Way — Fri, 27 Mar 2009 16:01:40 +0000

[...] current version of Opera already supports parts of CSS3, while support in Opera 10 will be even greater. Opera 10 beta should be available in the next few [...]

By: Adam

Adam — Thu, 12 Feb 2009 12:13:14 +0000

I’m using a recent alpha build (windows) of opera but can’t see the web fonts in the preview. The examples on the opera sites work though.

By: Alex

Alex — Sun, 04 Jan 2009 10:51:14 +0000

I think the best way to do it, would be to sniff for Opera (only the versions that support it), then output it then, since at the moment Opera is it (Firefox 3.2 might get support for it)

Also, when you do something like this
background-image: url(1.svg), url(2.png), url(3.jpg);
You’re actually using the multiple backgrounds part of CSS3, not any sort of fallback.

By: boen_robot

boen_robot — Sat, 03 Jan 2009 10:49:01 +0000

On the background-image fallback thing… I’ve had this problem too recently. And there’s only one way I can think it can be solved: server side browser detection.

I just tried to see if Opera reports image/svg+xml (or anything “svg”) as a supported type (so that we could use type detection instead of browser detection), but it appears it doesn’t show it there. I’ve reported this as a bug to Opera just now.

But either way, server side browser detection appears to be the only way to reliably get SVG image backgrounds to Opera, while giving everyone else PNGs.

By: Alun Bestor

Alun Bestor — Mon, 15 Dec 2008 00:42:29 +0000

@chris:
“It would be nice if browsers defaulted to the last valid rule they understood so you could put set a background as a png and then on the next line an svg, but they don’t.”
Actually, they already do – all but IE<8 at least – but maybe not to the extent you are hoping. I could for instance define the following rules and they will fall back gracefully:
background-color: #12345;
background-color: rgba(0, 0, 0, 0.33);
cursor: pointer;
cursor: -webkit-zoom-out;
display: inline;
display: inline-block;

However, in this particular case I don’t think browsers can fall back as you want them to, when there’s a valid image url() that points to a format the browser doesn’t support. The browser will faithfully apply the url(“image.svg”) rule, but then not know how to treat the file it eventually receives and so fail to display it, just as if you had pointed to a URL that didn’t exist.

This would be a tricky problem to address, because the browser has no way of knowing for sure what format the url() points to before it has received the file – and by the time it has received it, it’s kind of too late to ‘back out’ the entire style rule (which may have contained background colour declarations, multiple background images and so on).

By: chris

chris — Tue, 09 Dec 2008 16:40:20 +0000

Sorry to bang on about svg when it’s nothing to do with Opera 10 it’s not really part of CSS3 but I was thinking…

if background images worked like fonts and the browser used the first image it understood then you could list an svg followed by a png. And to my surprise Safari works this way. Shame Opera and Firefox fail to use any image (I’ve not tested IE).

I would think that adding this functionality wouldn’t be too difficult to implement. But why would the IE team want to add functionality which allowed Opera to produce better looking web site.

By: Alex

Alex — Mon, 08 Dec 2008 13:09:08 +0000

@Nox
Yeah, according to that draft it is, which doesn’t make much sense (You’re describing a font, not trying to match an installed one), the current draft* doesn’t say that though (it only allows one value)

* http://dev.w3.org/csswg/css3-fonts/#font-family0

By: chris

chris — Mon, 08 Dec 2008 09:44:23 +0000

Nox: It would be nice if browsers defaulted to the last valid rule they understood so you could put set a background as a png and then on the next line an svg, but they don’t. I’ve just come across the same problem with using an RGBA background color where it would have been nice to set a normal RGB background first (for IE) and then a RGBA on the next line. However, I’m sure that if they did work in this way it would cause all kinds of unimaginable problems!

It’s good to see that both Mozilla and Webkit projects are at least thinking about implementing svg as backgrounds as I think svg is a technology waiting for a use, and I think backgrounds are the perfect match for svg.

No idea about fragments, sorry.

By: Nox

Nox — Sat, 06 Dec 2008 20:14:35 +0000

@Alex
Looks like a valid rule.
http://www.w3.org/TR/css3-webfonts/#font-family