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

背景大小在IE8上不起作用

  •  0
  • 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

    2 回复  |  直到 8 年前
        1
  •  2
  •   dippas    8 年前

    background-size 是CSS3属性,它在IE8中不起作用,请参阅此处的详细信息 Can I Use

    SS

    解决方法是使用 polyfill

        2
  •  0
  •   Marek Zakrzewski    8 年前

    可悲的是,唯一的解决方案是为IE9设置一条特殊规则,删除白色背景:

    background: #fff\9;