当我在chrome上查看我的网站时，我的svg出现了问题，但是在Firefox，safari和IE等其他浏览器上查看时，我的svg却不可见。请帮助谢谢。这是我的SVG之一的示例。
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<g>
<path d="M33.4,19.6c-0.6,0-1.2,0.5-1.2,1.1v15.5h-8.2v-6.3c0-0.6-0.5-1.1-1.1-1.1h-5.9c-0.7,0-1.2,0.5-1.2,1.1v6.3H7.7
v-15c0-0.6-0.5-1.1-1.2-1.1c-0.6,0-1.1,0.5-1.1,1.1v16.1c0,0.6,0.5,1.1,1.1,1.1h10.5c0.6,0,1.1-0.5,1.1-1.1v-6.3h3.6v6.3
c0,0.6,0.5,1.1,1.2,1.1h10.4c0.6,0,1.1-0.5,1.1-1.1V20.8C34.5,20.1,34,19.6,33.4,19.6z M39.7,20.5l-9.1-9V5.4
c0-0.6-0.5-1.1-1.2-1.1c-0.6,0-1.1,0.5-1.1,1.1v3.9l-7.5-7.4c-0.2-0.2-0.5-0.4-0.8-0.4c-0.3,0-0.6,0.1-0.8,0.4L0.4,20.4
c-0.5,0.4-0.5,1.2,0,1.6c0.4,0.5,1.1,0.4,1.6,0L20,4.2l18,17.9c0.2,0.2,0.5,0.3,0.8,0.3c0.3,0,0.6-0.1,0.8-0.3
C40.1,21.7,40.1,21,39.7,20.5z"/>
</g>
</svg> 这就是通过使用Jquery帮助我将svg显示在firefox.fire中的原因
.jQuery(document).ready(function() {
//Change url or svg use tags for FF
var useXHREF = function () {
jQuery('use').each(function (i, url) {
var id = jQuery(url).attr('xlink:href');
jQuery(url).attr('xlink:href', window.location.href + id);
});
}
useXHREF();
对于Mac上的Safari来说很好，但在Windows上，它可以识别填充：＃...添加颜色：＃......以使svg变得可见。感谢所有的评论和帮助。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句