Chrome svg 在某些元素上显示滚动条答案

【问题标题】：Chrome svg displaying with scrollbars on some elementsChrome svg 在某些元素上显示滚动条
【发布时间】：2014-07-28 03:51:29
【问题描述】：

strong text我发现了一些类似的问题，虽然大部分答案都适用于直接加载.svgs，并强制它们显示块。我将我的 .svg 作为背景图像加载到所需图像大小的空白.gif 窗口中。

在过去的几天里（仅在 chrome 中），我的一些 svg 被带有 svg 背景属性的滚动条截断，但在加载后备 .png 时消失。

有人知道是什么原因吗？

编辑:: 奇怪的是，虽然这不适用于我在家或工作的普通 chrome，但它可以在我的 chrome(beta) 版本中使用。我尝试在普通 chrome 上将我的 chrome://flags 重置为默认值 - 但问题仍然存在。

编辑 2：以下答案（Illustrator 将 overflow="scroll" 添加到一些 svg 文件），要删除的代码位于此处的顶部，在 viewBox 和 xml:space 之间：

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
<svg version="1.1" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
     x="30px" y="30px" viewBox="0 0 30 30" overflow="scroll" xml:space="preserve">

【问题讨论】：

您应该在crbug.com 提交一个错误，并附上一个测试用例来证明该问题。此外，请始终尽可能具体说明您使用的版本、操作系统等。

标签： php html wordpress google-chrome svg

【解决方案1】：

我也遇到过这个问题。我从 Adobe Illustrator 中保存了大部分 SVG 文件。无论出于何种原因，它在我的一些文件的 SVG 标记中添加了 overflow="scroll"。删除它为我解决了这个问题。

【讨论】：

很棒的发现，这仍然困扰着我！