Tag: background size

IE9-10中SVG的背景大小

我有一个背景图像的div集: <div>Play Video</div> 用下面的CSS: div { background-image: url('icon.png'); background-image: url('icon.svg'), none; background-size: 40px 40px; background-repeat: no-repeat; background-position: 90% 50%; padding: 20px; width: 150px; } Firefox,Safari和Chrome支持背景大小。 在IE8中,SVG被PNG文件取代。 但是,在IE9和IE10中,SVG文件的尺寸大大减小。 这个问题似乎与div的宽度和高度有关。 如果我添加一个150像素的高度,SVG被正确渲染。 如果我使它更小(即100px)graphics开始收缩。 有没有人find一种方法来解决这个问题在资源pipe理器? 有没有办法告诉IE独立于div的宽度和高度使用背景大小的值?