后台大小不适用于IE 9/10

时间:2013-12-27 22:46:43

标签: css

我遇到了背景大小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图像的大小。

在此示例中,图像以16x16px而不是100x100px呈现。

我一直在使用:after伪元素解决这个问题。但我做错了吗?

1 个答案:

答案 0 :(得分:0)

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

希望它有所帮助。