1

页面通过验证器，适用于 IE9 和 Chrome。但我不知道为什么文本会在 Firefox 中被截断？我尝试过使用 CSS，更改标签的宽度和高度（没有做任何事情），更改标签的绝对位置（仍然在完全相同的位置被切断），几乎尝试了任何 HTML/明智的 CSS。

截图：http: //i44.tinypic.com/10qjp5t.png

4

2 回答 2

4

将 svg 元素的宽度和高度属性都设置为 100%。

于 2012-04-17T07:20:12.617 回答
0

添加属性“background-size”，并为其指定 SVG 图像的宽度和高度值，如下所示： background-size: (width)px (height)px;

因此，如果您的 SVG 的宽度为 100px，高度为 50px，请在 SVG 的 CSS 中使用以下规则： background-size: 100px 40px;

此外，要添加对旧浏览器的支持，请在 SVG 背景之前在 CSS 中为您的 SVG 定义一个备用 png 背景，按以下方式（和顺序）： background: url(fallback_image.png) no-repeat; 背景：url（svg_image.svg）不重复；

这是因为大多数支持 SVG 的浏览器也支持多背景，因此将应用后一种背景 (SVG)。如果浏览器不支持 SVG，它将只使用第一个背景（非 SVG）。

来源：http ://css-tricks.com/using-svg

于 2014-06-29T16:07:13.453 回答