背景大小不适用于IE8

Question

我使用以下代码在我的登录字段中定位图标：

.login-block input#username {
    background: #fff url('../gfx/username.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#username:focus {
    background: #fff url('../gfx/username.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block input#password {
    background: #fff url('../gfx/password.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#password:focus {
    background: #fff url('../gfx/password.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

它在所有浏览器中都运行良好，但在IE8中效果不佳。

顶部让它下降，底部让它上升所以它看起来很奇怪。是否有可能使用CSS3 pie正常工作？

Site

Answer 1

background-size是一个CSS3属性，它在IE8中无法使用，详见Can I Use

解决方法是使用polyfill

Answer 2

可悲的是，唯一的解决方案是为IE9设置一个特殊规则，以白色背景删除它：

background: #fff\9;