可以使SVG图像作为backgrounds-即使在Internet Explorer中显示?

我使用SVG图像作为背景图片。 我的CSS是这样的:

background:url('image.svg');

问题是,他们没有出现在IE8或更早版本。

有没有什么办法,使这项工作? 或者仅指定IE后备? (我不想用GIF格式为其他浏览器来代替它们。)

活生生的例子:HERE

--------------解决方案-------------

有没有办法,我知道,使IE8使用SVG作为背景图像。 你有两个真正的选择,如果IE8的支持是对你很重要:

  1. 为IE8和其他浏览器PNG回退不支持SVG在后台
  2. 放置SVG在你的页面,而不是背景,其定位一切与CSS的身后,然后使用类似SVG网页在IE8提供支持

我有同样的问题,并使用该溶液。 对于这个工作,你需要有一个SVG和 可以使SVG图像作为backgrounds-即使在Internet Explorer中显示?

图像的副本。 不是这样写的CSS:

.twitter-logo {
width: 200px;
height: 200px;
background: url(http://cl.ly/D4xT/twitter_newbird_blue.png) no-repeat center center;
background: rgba(0,0,0,0) url(http://cl.ly/D4o5/twitter_newbird_blue.svg) no-repeat center center;
}

诀窍是,IE8不支持RGBA,正因为如此IE8忽略第二个背景定义。

根据在其他浏览器支持SVG,你仍然Android浏览器2.3- Firefox 3.6 的问题,因为他们支持RGBA,不支持SVG。

下面是的jsfiddle的例子也是如此。

分类:CSS 时间:2012-01-04 人气:203
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.340 (s). 9 q(s)