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，只有通過38px76px。你的background-size是問題所在。

將您的background-size更新爲適合的產品。