MSFT边缘SVG有时看不见或扭曲

我在Angular中使用这个如果它很重要，但由于一些未知的原因只有在边缘..当我在屏幕上移动鼠标img会扭曲和呈现与有些遗失，或完全消失MSFT边缘SVG有时看不见或扭曲

想法？

<img class="my_image_class" src="img/My-Svg-ToRender.svg" ng-src="img/My-Svg-ToRender.svg">

有关该元素的CSS是如下。我试过设置没有height并没有width，设置height和width ..行为不会改变

img.my_image_class { 
    width: 100%; 
    -webkit-user-drag: none; 
}

有其他家长CSS，但它看起来像只是margins，borders，padding

编辑：

在CSS中，我可以关闭所有东西，我注意到svg不会渲染直到我将它放在它上面..我没有看到任何指令可以修改svg的CSS并且没有看到发生任何转换

来源

2016-02-29 Erik

我通过微软的反馈门户在SVG上发现了一些悬而未决的问题;看起来最近的更新可能会对Edge中的SVG显示产生负面影响（例如，https://connect.microsoft.com/IE/feedback/details/2350665）。根据我对这个问题的了解，文本框似乎是一个常见的罪魁祸首。

我的网站显示一个标志作为包含文本的SVG，并且它在Edge中没有问题地呈现。但是，在我从Illustrator中导出我的SVG之前，我将所有文本转换为路径。我之所以这样做是出于类似的原因：我在Safari中遇到了SVG文本显示问题。

当然，理想情况下，SVG应该只适用于所有浏览器。似乎这个问题在Edge的修复列表中。但在此期间，或许这种解决方法将有所帮助！干杯!

来源

2016-03-02 19:36:07 hxlnt

我的内联svg图像在悬停时消失。我有以下样式： svg {width：100％; height：60px;} “宽度：100％”样式旨在在鼠标进入包含块元素后立即激活悬停样式。这在svg图像上造成了一些奇怪的行为。从顶部或底部进入鼠标按预期运行，从左或右鼠标进入导致svg消失。删除'宽度'样式，解决了这个问题。

来源

2016-06-20 17:46:49 user1158039

MSFT边缘SVG有时看不见或扭曲

回答

相关问题