读书人

网页展示SVG图片不正常

发布时间: 2013-01-06 15:44:48 作者: rapoo

网页显示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;
}

所有浏览器都正常显示。

请问这是为什么?我要怎么做才能显示这个SVG图片。
[解决办法]
ie你就别妄想他支持SVG了,其他浏览器也没道理发布后就不能实现呀,是不是和其他属性冲突了,看下是否处在生效状态。
[解决办法]
IE不支持SVG,可以参照W3C:

http://www.w3.org/Graphics/SVG/IG/wiki/SVG_Plugin_for_IE
[解决办法]
网页展示SVG图片不正常
[解决办法]
dreamweaver里调试能显示,发布浏览器就不显示,如果不是路径错误,就是服务器MIME没有设置吧。
[解决办法]
因为楼主说的是发布后什么浏览器都看不到了。

如果想解决兼容问题,更好的方法是使用JS绘图库,它会根据浏览器的类型自动切换采用VML或者SVG甚至CSS来画图。而且方法命名和使用都更加人性化。

读书人网 >CSS

热点推荐