我不确定发生了什么,也不确定是由于 CSS 还是 SVG 元,我认为是后者。但是,如果您转到该站点并浏览到顶部菜单上的任何链接,然后按后退按钮,Chrome 将在错误的对象标签中呈现 svg 文件数据并且不应用 css 规则。请注意,这不会每次都发生,可能在第二次或第三次发生。使用最新的 Chrome 版本。这仅发生在 Chrome 和 Chrome 移动版上。
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/