首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

svg显示图片有关问题

2013-11-04 
svg显示图片问题CSS里:.bass-localnavigation-A01 ul em {background: #6485c1 url(../img/common/localna

svg显示图片问题
CSS里:
.bass-localnavigation-A01 ul em {  
  background: #6485c1 url(../img/common/localnav_bg_01.svg) left no-repeat;
}

路径肯定没指错。
在dreamweaver里调试,谷歌和苹果浏览器,能显示这个SVG图片;IE和火狐,不能。
发布了之后,所有浏览器都不显示该图片。

做了一个PNG的图片,把CSS改为:
CSS里:
.bass-localnavigation-A01 ul em {  
  background: #6485c1 url(../img/common/localnav_bg_01.PNG) left no-repeat;
}

所有浏览器都正常显示。

1:

IE不支持SVG,可以参照W3C:

http://www.w3.org/Graphics/SVG/IG/wiki/SVG_Plugin_for_IE

2:e你就别妄想他支持SVG了,其他浏览器也没道理发布后就不能实现呀,是不是和其他属性冲突了,看下是否处在生效状态。

解决方式:使用object对象显示:

<object id="mapinfoImg" onclick="glass(event)" data="http://localhost:8080/mapinfo_chx2/featureDemoSVG" type="image/svg+xml"
                  width="1200" height="1200" id="mySVGObject"></object>

热点排行