谁能告诉我为什么桌面浏览器(Chrome、Safari、Firefox)显示 CSS 背景 Sprite 图像而 iPhone 浏览器没有?
我的社交分享按钮有问题。前4个分享按钮来自WordPress主题,邮件按钮是我加的。
电子邮件按钮在桌面上显示,但在移动设备上不显示,我不明白为什么?
感谢您的帮助。
正确选择类(class)时出现问题。选择 parent 而不是 child 解决了问题
.parentclass .child {background-size:...;}
最佳答案
.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
更新为合适的值,它将起作用。
关于html - iPhone 浏览器不显示 CSS Sprite ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24442777/