html - iPhone 浏览器不显示 CSS Sprite

Question

谁能告诉我为什么桌面浏览器(Chrome、Safari、Firefox)显示 CSS 背景 Sprite 图像而 iPhone 浏览器没有？

我的社交分享按钮有问题。前4个分享按钮来自WordPress主题，邮件按钮是我加的。

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

感谢您的帮助。

正确选择类(class)时出现问题。选择 parent 而不是 child 解决了问题

.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 更新为合适的值，它将起作用。