背景大小不适用于 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;

背景大小不适用于 IE8

Background size doesn't work on IE8

html

css

internet-explorer-8