我无法让SVG background-image
在IE9或IE10中正常工作,这可能吗?(在IE11中可以)
样例代码: http://jsfiddle.net/chovy/3abhj/1/
<input type="text" class="invalid">
.invalid {
border: 1px solid black;
padding: 2px 10px;
background: url(http://chovy.us.to/test/x.svg) no-repeat 0 -2px;
background-size: 22px 22px;
}
x.svg
是使用image/svg+xml
进行服务的。
width
和height
属性(在您的情况下为24px)吗?这可能是因为IE9不会根据background-size
来缩放svg。 - Erik Dahlström