按下图片交换位置后，Chrome中的两个SVG图片出现奇怪行为

Question

我不确定发生了什么，是否是由于CSS或SVG meta而引起的，我认为是后者。 但是，如果您访问该站点并浏览到顶部菜单上的任何链接，然后按返回按钮，则Chrome会在错误的对象标签中呈现svg文件数据，而不应用css规则。 请注意，这种情况并非每次都发生，可能是第二次或第三次。 使用最新的Chrome版本。 这仅在Chrome和Chrome移动版上发生。

http://ecww-ru.1gb.ru/

SVG文件的嵌入如下：

  <object data="/Content/images/master/wwlogotext.svg" type="image/svg+xml" class="logotext">

      <img src="/Content/images/master/wwlogotext.gif" id="logotext" class="logotext" />

  </object>

Answer 1

我对此也有些迷茫，但这增加了-webkit-backface-visibility: hidden; 到svg的包装器为我工作。

您可以在此处了解更多信息： CSS3转换旋转导致Chrome中偏移1像素