input placeholder 在chrome 浏览器自动填充时，背景色覆盖原有背景图片问题。

 user-block-name, .user-block-pwd {
     margin-bottom: 10%;
     text-align: center;
     position: relative;
 }

     .user-block-name .name, .user-block-pwd .pwd {
         width: 66%;
         line-height: 18px;
         /*border-radius: 4px;*/
         padding: 5px 3px;
         position: relative;
         /*padding-left: 35px;*/
         background-position: 8px 12px;
         background-size: 15px 15px;
         background-repeat: no-repeat;
         font-size: 14px;
         /*background-color: rgba(0,0,0,0.3);*/
         background-color: transparent;
         color: #fff;
         border-bottom: 1px solid #eaeaea;
     }

 /* WebKit browsers */
         .user-block-name .name::-webkit-input-placeholder,
         .user-block-pwd .pwd::-webkit-input-placeholder {
             color: #fff;
         }

         /* Mozilla Firefox 4 to 18 */
         .user-block-name .name:-moz-placeholder,
         .user-block-pwd .pwd:-moz-placeholder {
             color: #fff;
         }

         /* Mozilla Firefox 19+ */
         .user-block-name .name::-moz-placeholder,
         .user-block-pwd .pwd::-moz-placeholder {
             color: #fff;
         }

         /* Internet Explorer 10+ */
         .user-block-name .name:-ms-input-placeholder,
         .user-block-pwd .pwd:-ms-input-placeholder {
             color: #fff;
         }

 //图片背景
 .user-block-name .name {
         background-image: url('../../images/wx/project/user.png');
     }
 .user-block-pwd .pwd {
         background-image: url('../../images/wx/project/pwd.png');
     }
 .user-block-pwd .pwd:-webkit-autofill {
     -webkit-animation: pwd-fix 1s infinite;
 }

 .user-block-name .name:-webkit-autofill {
     -webkit-animation: user-fix 1s infinite;
 }

 @-webkit-keyframes user-fix {
     from {
         background-image: url('../../images/wx/project/user.png');
     }

     to {
         background-image: url('../../images/wx/project/user.png');
     }
 }

 @-webkit-keyframes pwd-fix {
     from {
         background-image: url('../../images/wx/project/pwd.png');
     }

     to {
         background-image: url('../../images/wx/project/pwd.png');
     }
 }

在做登录界面时，需要输入账号 和密码 ，在浏览器中，chrome 会自动填充，并且背景色是黄色，会将原有的图片背景替换掉，用以上方式解决，希望对大家有帮助！。