内联svg并不想在ie11中延伸

时间:2014-12-15 13:37:34

标签: css internet-explorer svg internet-explorer-11

所以,我有一个绝对定位在容器内的svg。 我想让svg拉伸,以便它填满整个容器。

我已将容器的纵横比设置为svg的比例,并将svg定位到容器的底部,以便裁剪svg的顶部。

在ff / chrome / safari中运行良好,但后来我在IE11中测试了它并没有一直延伸......有关如何在IE中实现这一点的任何想法?

这里是代码: http://niklasholmberg.se/temp/svgtest.html

由于

1 个答案:

答案 0 :(得分:3)

变化:

preserveAspectRatio="xMidYMid meet"

......来:

preserveAspectRatio="xMidYMax slice"

这使IE与其他浏览器保持一致。

Fiddle