我有一个带有背景图像的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的宽度和高度有关.如果我添加150px的高度,SVG可以正确呈现.如果我把它变小(即100px),图形就会开始缩小.
有人在Explorer中找到了解决此问题的方法吗?有没有办法告诉IE使用背景大小值而不依赖于div的宽度和高度?