[問題] 純html+css3的3D按鈕哀鳳無法顯示

[aqua901 (隨便啦)]

版上的各位高手大家好，小妹想請教一下，

我寫了一個效果滿有趣的3D翻轉效果按鈕，

網址如下：https://goo.gl/JqFd3Q

沒有js，只用html和css3，

在電腦上看一切正常，但不知為何用iphone測試時，

無論是開safari或是chrome都無法看到這顆按鈕.....

(好像是背景色變白色了)

用同事的Android系統手機測試也正常.....

Mac不知道....

有沒有高手能幫解決呢？感激不盡。

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 106.104.4.124
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1505356317.A.79C.html
→ Kenqr: 蘋果強迫iPhone上所有瀏覽器都要用safari核心
→ Kenqr: 所以safari不行的話 基本上其他瀏覽器也會不行
→ Kenqr: 標準的transform要擺在-webkit-transform以及其他
→ Kenqr: 有prefix的transform下面，才會優先使用
→ Kenqr: 不知道跟這個問題有沒有關係，只是提一下

原來還有這個小mega，感謝說明，我修改了。

→ tino1991: 我iPhone 6 ios 8.3 safari 看得到
→ miau: Mac safari/chrome/firefox 正常；iphone 6s chrome 正常
→ crossdunk: 怎麼沒說說你是iphone幾
是iphone7+，ios10.3.3，不好意思已經解決問題了，謝謝各位！
※ 編輯: aqua901 (106.104.4.124), 09/15/2017 10:27:41