背景位置无法在手机上正确显示

Question

.icon { 
    background: #F0F0F0 url('../images/assets/user.png') no-repeat center left 10px; 
    background-size: 24px 24px;
    -webkit-background-size: 24px 24px;  
}

上述CSS在所有主流浏览器中都能正常运行，但是当我在任何移动设备（HTC，索尼爱立信，三星，iPhone等）上查看时，背景CSS都不会显示，甚至不显示背景颜色。但是，当我删除10px样式中的background-position时，一切正常。

我已尝试将10px替换为em和%，但这并没有帮助。有什么想法或建议吗？

Answer 1

background属性只能采用水平和垂直位置 - 在您的案例中center和10px - 但您指定了三个位置值。这就是删除第三个值时它的工作原理。