背景尺寸在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正常工作？

現場

Answer 1

background-size是CSS3屬性，在IE8中不起作用，請參見“ 我可以使用”中的更多內容

解決方法是使用polyfill

Answer 2

可悲的是，唯一的解決方案是為IE9設置一條特殊規則，以白色背景將其刪除：

background: #fff\9;