在Internet Explorer中使用以下代码的替代解决方案是什么？

Question

<form action="/signup" method="post">
<span class="new" style="vertical-align:middle;">Choose username:</span>
<input type="text" name="username" id="username"/>
<input type="submit" name="signup" value="Check" class="button height"/>
</form>

的CSS：

#username{
background: url(/image/correct.jpg) no-repeat;
background-position:95% 8px;
background-size:18px;
padding-right: 35px;
vertical-align:bottom;
height:27px;

}

问题是背景大小，背景位置在Internet Explorer中不起作用。有什么可以替代？我用了

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/correct.jpg',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='image/correct.jpg',
sizingMethod='scale')";

解决方案是什么？

Answer 1

Internet Explorer不支持background-size！

Internet Explorer不支持该属性background-size。我最好的解决方案是，使用图像编辑器（Paint或Photoshop）为图像提供正确的填充，透明或任何背景颜色，然后将背景图像与right center对齐。

#username{
    background: url(/image/correct.jpg) no-repeat right center;
    padding-right: 35px;
    vertical-align: bottom;
    height: 27px;
}