Question

对于不支持svg的设备，我有svg背景和后备png。我也尝试给出背景颜色。它适用于所有桌面浏览器，甚至IE8。但不是在iOS中。（我现在没有任何Android检查）

在iOS中。它适用于svg，png或png以及背景颜色或svg和背景颜色。但它不能与3一起使用。

所以问题是，如何将所有这些结合在一起：
- iOS（和Android）
- 背景颜色
- svg
- png fallback

请在此处查看答案：http://jsfiddle.net/TtWhH/
（我只是使用一个可能在公共网址中的img，例如）

HTML：

<div id="grafic"></div>

CSS：

#grafic{
    position:relative;
    margin:0 auto;
    width:512px; height:512px;
    max-width:980px;
    background-color:yellow;

    background-image:url('http://www.w3.org/html/logo/downloads/HTML5_Badge.svg');
    background-image:none,url('http://www.w3.org/html/logo/downloads/HTML5_Badge.svg'), url('http://www.w3.org/html/logo/downloads/HTML5_Badge_512.png');
    background-repeat:no-repeat;
    background-position:left top;       
}

iOS中的背景色，svg和png

0 个答案: