我使用以下代码在登录字段中定位图标:
.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