好的,这是:
这是我的网页:http://ingenious.jit.su/themes
如果你在firefox中查看它,你会注意到六个白色面板中每个面板的右上角都有一个小红色图标(svg)。如果您查看该图像,您会注意到它的原始大小是640乘480.它很小,因为有一个css规则改变了svg在其中引用的img标记的大小。
这是错误:IE9没有根据css规则调整图标大小。它只是剪掉它的左上角。如果您使用IE9开发人员工具调整css规则,您将看到我的意思。
我挖了很多并确认我一直在遵循大多数svg最佳实践,比如包括不仅仅是100%的宽度和高度值,包括视口等等,但没有运气。 IE9仍然通过裁剪而不是缩放来响应css规则。
任何帮助都会摇滚!
更新已修复!我很笨,我的视口不见了。不再在凌晨3点编码。
答案 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"/>