iPhone浏览器没有显示CSS精灵

Question

有人能告诉我为什么桌面浏览器（Chrome，Safari，Firefox）会显示CSS背景精灵图像而iPhone浏览器却没有？

我遇到了社交分享按钮的问题。前4个共享按钮来自WordPress主题，电子邮件按钮由我添加。

电子邮件按钮显示在桌面上，但不会显示在移动设备上，我不知道为什么？

感谢您的帮助。

正确选择课程时出现问题。选择父母和孩子解决了问题

.parentclass .child {background-size:...;}

Answer 1

.td-sp-share-email正在调用您的特殊电子邮件和WhatsApp图标：

ln33：

.td-sp-share-email {
    width: 31px;
    height: 31px;
    background: url("/wp-content/uploads/social-sprites.png") 0px 0px !important;
}

但是，style.css?b9d887中的规则仍将background-size属性设置为91px 2230px !important：

ln10516：

.td-sp {
    background-size: 91px 2230px !important;
}

您的图片social-sprites.png仅38px 76px。您的background-size就是问题所在。

将background-size更新为合适的内容，然后才能生效。