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


Chrome svg displaying with scrollbars on some elements

strong text我发现了一些类似的问题,尽管大多数答案都应用于直接加载.svg,并强制它们显示块。我将.svg作为背景图像加载到所需图像大小的blank.gif窗口中。

在过去的几天里(仅在chrome中),我的一些svg被滚动条切断,这些滚动条出现在svg背景属性中,但在加载fallback .png时消失。

有人知道原因是什么吗?

编辑::奇怪的是,虽然这不是工作在我的正常chrome在家里或工作,它是工作在我的chrome(测试版)版本。我尝试重置我的chrome://标志默认为正常的chrome -但问题仍然存在。

编辑2:下面的答案(Illustrator添加溢出="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">

我也有过这个问题。我从Adobe Illustrator中保存了大部分SVG文件。不管出于什么原因,它在我的一些文件的SVG标记中添加了overflow="scroll"