在IE10中SVG数据-uri背景重复

时间:2014-08-05 21:47:32

标签: css internet-explorer svg

我觉得我应该能够找到答案,但是,唉,我运气不好。我正在尝试使用CSS中的data-uri重复SVG作为背景。它基本上适用于所有浏览器,除了它似乎不适用于IE10(可能还有其他IE版本)。代码非常简单:

.bg-test {
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCAxOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAgMTgiPjxnIGZpbGw9IiNEMkQyRDIiPjxwYXRoIGQ9Ik0wIDE3aDUwdjFoLTUwek0wIDBoNTB2MWgtNTB6TTAgMWgxdjE2aC0xek01IDE0aDF2M2gtMXpNMTAgMTNoMXY0aC0xek0xNSAxNGgxdjNoLTF6TTIwIDEzaDF2NGgtMXpNMjUgMTRoMXYzaC0xek0zMCAxM2gxdjRoLTF6TTM1IDE0aDF2M2gtMXpNNDAgMTNoMXY0aC0xek00NSAxNGgxdjNoLTF6Ii8+PC9nPjwvc3ZnPg==);
    height: 100px;
    background-repeat: x-repeat;
}

以下是一个例子:

http://jsfiddle.net/Aaronius/C7p83/3/

它不会在IE中重复。这只是一个错误吗?是否有一个不错的解决方法,而不诉诸光栅图像?感谢。

0 个答案:

没有答案