html - 在 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')";

lz有什么解决办法？

Answer 1

Internet Explorer 不支持background-size！

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

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