在我的页面上，我使用 img 标签来嵌入 SVG 图像。现在我想在它们上应用一些CSS。只要将 SVG 源代码直接复制粘贴到页面中，这种方法就很有效。但是，如果我使用 img src 属性嵌入它们，则不会。
有办法让它发挥作用吗？
<style type="text/css">
path:hover {
fill:white;
}
</style>
<img src="my.svg" />
提前致谢！
那么它可以通过以下方式实现JQuery（解决方法），这个Jquery函数将转换<img>将当前 svg 图像保存到 a 中的标签<svg>内联标签，您可以在浏览器调试器中查看它。总之它会模仿直接插入 SVG 图像。
<script type="text/javascript">
$(document).ready(function() {
$('#img').each(function(){
var img = $(this);
var image_uri = img.attr('src');
$.get(image_uri, function(data) {
var svg = $(data).find('svg');
svg.removeAttr('xmlns:a');
img.replaceWith(svg);
}, 'xml');
});
});
</script>
<img id='img' src="my.svg" />
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
