On Apr 14, 2012, at 11:12 AM, David Laakso wrote:

> Why does the sphere not show up in IE/9 or Opera?
> <http://ccstudi.com/svg.html>

1. the media query only targets Gecko and Webkit, Opera will not see anything…

@media only screen and (-opera-min-device-pixel-ratio: 1/1)  {} will allow 
Opera11.0+ to see the svg file.

2. For IE9 (and IE10dp), there are no media query of that type.

3. You can safely remove the -o- and -ms- prefixed background-size; the 
-webkit- and -moz- can still be kept for older Safari iOS 4.x, Safari running 
on 10.4 and 10.5, Camino.
(Camino will not see your svg file anyway, as it doesn't support svg on 
background-image and it doesn't understand the device-pixel-ratio media query).

4. you could also use (in addition to the existing media query) min-resolution: 
1dppx. That does the same as (min-device-pixel-ratio: 1) and is already 
standardised [1] (as opposed to device-pixel-ratio). I believe Gecko will 
implement this relatively soon, and remove the device-pixel-ratio).

[1] http://www.w3.org/TR/css3-values/#resolution

have fun,
Philippe
--
Philippe Wittenbergh
http://l-c-n.com/






______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to