html - 背景尺寸在IE8上不起作用

我使用以下代码在登录字段中放置图标：

.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

最佳答案

background-size是CSS3属性，在IE8中不起作用，请参见Can I Use



解决方法是使用polyfill

关于html - 背景尺寸在IE8上不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37925262/