我觉得我应该能够找到答案,但是,唉,我运气不好。我正在尝试使用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中重复。这只是一个错误吗?是否有一个不错的解决方法,而不诉诸光栅图像?感谢。