背景大小在 IE 9/10 中不起作用

Question

我遇到了背景大小的 IE 9/10 的问题

.svg {
    padding: 20px 20px 20px 120px;
    border: 1px solid #ccc;
    line-height: 60px;
    background-image: url(data:image/svg+xml;base64,...);
    background-size: 100px;
    background-repeat: no-repeat;
}

http://jsfiddle.net/a394Z/5/

如果具有背景的元素没有定义宽度，则背景的大小似乎默认为原始 svg 图像的大小。

在此示例中，图像以 16x16 像素而不是 100x100 像素呈现。

我一直在使用 :after 伪元素来解决这个问题。但我是不是做错了什么？

Answer 1

只需指定 X 和 Y，即使它们相似：background-size: 100px 100px

希望对你有帮助。