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