【问题标题】:Animate svg+xml base 64 css background doesn't work in IEAnimate svg+xml base 64 css 背景在 IE 中不起作用
【发布时间】:2014-11-30 12:36:59
【问题描述】:

在 IE > 9 中动画 svg+xml base 64 css 背景(不关心以前的版本)不起作用,适用于 Firefox 和其他。

这是背景属性:

背景:URL(“数据:图像/ SVG + xml的; BASE64,PHN2ZyB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHZpZXdCb3g9IjAgMCAyNCAzMCIgaGVpZ2h0PSIzMHB4IiB3aWR0aD0iMjRweCIgeT0iMHB4IiB4PSIwcHgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiPgogICAgPHJlY3Qgb3BhY2l0eT0iMC4yIiBmaWxsPSIjMDA5MWZmIiBoZWlnaHQ9IjEwIiB3aWR0aD0iNCIgeT0iMTAiIHg9IjAiPgogICAgICA8YW5pbWF0ZSByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIwLjZzIiBiZWdpbj0iMHMiIHZhbHVlcz0iMC4yOyAxOyAuMiIgYXR0cmlidXRlVHlwZT0iWE1MIiBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5Ii8 + CiAgICAgIDxhbmltYXRlIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjAuNnMiIGJlZ2luPSIwcyIgdmFsdWVzPSIxMDsgMjA7IDEwIiBhdHRyaWJ1dGVUeXBlPSJYTUwiIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCIvPgogICAgICA8YW5pbWF0ZSByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIwLjZzIiBiZWdpbj0iMHMiIHZhbHVlcz0iMTA7IDU7IDEwIiBhdHRyaWJ1dGVUeXBlPSJYTUwiIGF0dHJpYnV0ZU5hbWU9InkiLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IG9wYWNpdH k9IjAuMiIgZmlsbD0iIzAwOTFmZiIgaGVpZ2h0PSIxMCIgd2lkdGg9IjQiIHk9IjEwIiB4PSI4Ij4KICAgICAgPGFuaW1hdGUgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMC42cyIgYmVnaW49IjAuMTVzIiB2YWx1ZXM9IjAuMjsgMTsgLjIiIGF0dHJpYnV0ZVR5cGU9IlhNTCIgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIvPgogICAgICA8YW5pbWF0ZSByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIwLjZzIiBiZWdpbj0iMC4xNXMiIHZhbHVlcz0iMTA7IDIwOyAxMCIgYXR0cmlidXRlVHlwZT0iWE1MIiBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiLz4KICAgICAgPGFuaW1hdGUgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMC42cyIgYmVnaW49IjAuMTVzIiB2YWx1ZXM9IjEwOyA1OyAxMCIgYXR0cmlidXRlVHlwZT0iWE1MIiBhdHRyaWJ1dGVOYW1lPSJ5Ii8 + CiAgICA8L3JlY3Q + CiAgICA8cmVjdCBvcGFjaXR5PSIwLjIiIGZpbGw9IiMwMDkxZmYiIGhlaWdodD0iMTAiIHdpZHRoPSI0IiB5PSIxMCIgeD0iMTYiPgogICAgICA8YW5pbWF0ZSByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIwLjZzIiBiZWdpbj0iMC4zcyIgdmFsdWVzPSIwLjI7IDE7IC4yIiBhdHRyaWJ1dGVUeXBlPSJYTUwiIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiLz4KICAgICAgPGFuaW1hdGUgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMC42cyIgYmVnaW49IjAuM3MiIHZhbHVlcz0iMTA7IDIwOyAxMCIgYXR0cm lidXRlVHlwZT0iWE1MIiBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiLz4KICAgICAgPGFuaW1hdGUgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMC42cyIgYmVnaW49IjAuM3MiIHZhbHVlcz0iMTA7IDU7IDEwIiBhdHRyaWJ1dGVUeXBlPSJYTUwiIGF0dHJpYnV0ZU5hbWU9InkiLz4KICAgIDwvcmVjdD4KICA8L3N2Zz4 =“)不重复滚动中心中心透明的; P>

如果有人知道为什么它在 IE > 9 中没有动画,那就太好了!

非常感谢。

【问题讨论】:

  • 在性能相关的旁注中,base64 图像不会被浏览器缓存,因此您在使用它们时可能需要考虑这一点。

标签: css xml image animation svg


【解决方案1】:

IE 不支持 SMIL,因此会忽略 <animate> 标签。

可以在here 找到当前浏览器支持的最新概述。

【讨论】:

  • 好的,谢谢!因此,如果我很好理解,即使我将其转换为 svg 文件,它也不起作用!?我需要在 IE 中完成这项工作。问题是我需要透明度,所以我不能在动画 gif 中转换它。而且我不想使用 CSS3...提前谢谢
  • 听起来你已经把自己画在一个角落里,你提供的限制是无法逃脱的。
猜你喜欢
  • 2017-03-13
  • 1970-01-01
  • 2014-07-01
  • 2015-04-22
  • 1970-01-01
  • 2012-10-07
  • 2018-11-08
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多