svg没有在ie9中用css调整大小

时间:2013-04-15 15:54:41

标签: css html5 internet-explorer svg

好的,这是:

这是我的网页:http://ingenious.jit.su/themes

如果你在firefox中查看它,你会注意到六个白色面板中每个面板的右上角都有一个小红色图标(svg)。如果您查看该图像,您会注意到它的原始大小是640乘480.它很小,因为有一个css规则改变了svg在其中引用的img标记的大小。

这是错误:IE9没有根据css规则调整图标大小。它只是剪掉它的左上角。如果您使用IE9开发人员工具调整css规则,您将看到我的意思。

我挖了很多并确认我一直在遵循大多数svg最佳实践,比如包括不仅仅是100%的宽度和高度值,包括视口等等,但没有运气。 IE9仍然通过裁剪而不是缩放来响应css规则。

任何帮助都会摇滚!

更新已修复!我很笨,我的视口不见了。不再在凌晨3点编码。

1 个答案:

答案 0 :(得分:0)

你链接svg了吗? 示例

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> enter svg here </svg>

我在ie9上遇到了很多svg问题:)

如果有帮助,我在查看页面时遇到此错误

SCRIPT438:Object不支持属性或方法'addEventListener' followbar.js,第3行3字符

这是我在评论中谈论的两个点的更好的例子

<img class="theme-icon" id="/recruitment-and-retention" src="../images/recruitment-and-retention.svg"/>