css - 在按回图像交换位置后,Chrome 中两个 SVG 图像的奇怪行为

标签 css google-chrome web svg embed

我不确定发生了什么,也不确定是由于 CSS 还是 SVG 元,我认为是后者。但是,如果您转到该站点并浏览到顶部菜单上的任何链接,然后按后退按钮,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>

最佳答案

我对此也有点迷茫,但是将此 -webkit-backface-visibility: hidden; 添加到 svg 的包装器对我有用。

您可以在这里阅读更多相关信息:CSS3 transform rotate causing 1px shift in Chrome

关于css - 在按回图像交换位置后,Chrome 中两个 SVG 图像的奇怪行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22494269/

相关文章:

javascript - 如何在 pixijs 中应用 png mask ?

JavaScript 全局变量在 Google Chrome 控制台中显示为未定义

javascript - 这是 chrome 中关于图像加载的错误吗?

javascript - 防止在 AJAX 中滚动重置

html - 无法访问 CSS 表的响应式 div 表

css - Twitter Bootstrap 单选/复选框 - 如何放置字形图标

angularjs - 在 Angular 应用程序中导航其他页面时,IE 图标消失

web - 在 Liferay Portal 中构建网站?

javascript - 网页上没有数据库的输出

html - Chrome 上未对齐字段的问题在 Inspect 上消失了