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

作者: aqua901 (隨便啦)   2017-09-14 10:31:52
版上的各位高手大家好,小妹想請教一下,
我寫了一個效果滿有趣的3D翻轉效果按鈕,
網址如下:https://goo.gl/JqFd3Q
沒有js,只用html和css3,
在電腦上看一切正常,但不知為何用iphone測試時,
無論是開safari或是chrome都無法看到這顆按鈕.....
(好像是背景色變白色了)
用同事的Android系統手機測試也正常.....
Mac不知道....
有沒有高手能幫解決呢?感激不盡。
作者: Kenqr (function(){})()   2017-09-14 10:50:00
蘋果強迫iPhone上所有瀏覽器都要用safari核心所以safari不行的話 基本上其他瀏覽器也會不行標準的transform要擺在-webkit-transform以及其他有prefix的transform下面,才會優先使用不知道跟這個問題有沒有關係,只是提一下
作者: tino1991 (深白)   2017-09-14 11:07:00
我iPhone 6 ios 8.3 safari 看得到
作者: miau (米奧)   2017-09-14 13:50:00
Mac safari/chrome/firefox 正常;iphone 6s chrome 正常
作者: crossdunk (推噓自如)   2017-09-14 17:24:00
怎麼沒說說你是iphone幾

Links booklink

Contact Us: admin [ a t ] ucptt.com