代码之家 › 专栏 › 技术社区 › Marek Zakrzewski

背景大小在IE8上不起作用

internet-explorer-8 css html

Marek Zakrzewski · 技术社区 · 8 年前

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

.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饼图正常工作?

Site