作者aqua901 (隨便啦)
看板Web_Design
標題[問題] 純html+css3的3D按鈕哀鳳無法顯示
時間Thu Sep 14 10:31:52 2017
版上的各位高手大家好，小妹想請教一下，
我寫了一個效果滿有趣的3D翻轉效果按鈕，
網址如下：
https://goo.gl/JqFd3Q
沒有js，只用html和css3，
在電腦上看一切正常，但不知為何用iphone測試時，
無論是開safari或是chrome都無法看到這顆按鈕.....
(好像是背景色變白色了)
用同事的Android系統手機測試也正常.....
Mac不知道....
有沒有高手能幫解決呢？感激不盡。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 106.104.4.124
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1505356317.A.79C.html
1F：→ Kenqr: 蘋果強迫iPhone上所有瀏覽器都要用safari核心 09/14 10:50
2F：→ Kenqr: 所以safari不行的話 基本上其他瀏覽器也會不行 09/14 10:51
3F：→ Kenqr: 標準的transform要擺在-webkit-transform以及其他 09/14 10:53
4F：→ Kenqr: 有prefix的transform下面，才會優先使用 09/14 10:53
→ Kenqr: 不知道跟這個問題有沒有關係，只是提一下
原來還有這個小mega，感謝說明，我修改了。
5F：→ tino1991: 我iPhone 6 ios 8.3 safari 看得到 09/14 11:07
6F：→ miau: Mac safari/chrome/firefox 正常；iphone 6s chrome 正常 09/14 13:50
7F：→ crossdunk: 怎麼沒說說你是iphone幾 09/14 17:24
是iphone7+，ios10.3.3，不好意思已經解決問題了，謝謝各位！
※ 編輯: aqua901 (106.104.4.124), 09/15/2017 10:27:41