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

请问解决方法是什么？

Answer 1

Internet Explorer 不支持background-size !

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

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