1

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

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

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

请在此处检查您的答案：http: //jsfiddle.net/TtWhH/
（例如，我只使用了一个可能位于公共 url 中的 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;       
}
4

0 回答 0