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

看板Web_Design作者 (隨便啦)時間7年前 (2017/09/14 10:31), 7年前編輯推噓0(007)
留言7則, 4人參與, 最新討論串1/1
版上的各位高手大家好,小妹想請教一下, 我寫了一個效果滿有趣的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

09/14 10:50, , 1F
蘋果強迫iPhone上所有瀏覽器都要用safari核心
09/14 10:50, 1F

09/14 10:51, , 2F
所以safari不行的話 基本上其他瀏覽器也會不行
09/14 10:51, 2F

09/14 10:53, , 3F
標準的transform要擺在-webkit-transform以及其他
09/14 10:53, 3F

09/14 10:53, , 4F
有prefix的transform下面,才會優先使用
09/14 10:53, 4F
Kenqr: 不知道跟這個問題有沒有關係,只是提一下 原來還有這個小mega,感謝說明,我修改了。

09/14 11:07, , 5F
我iPhone 6 ios 8.3 safari 看得到
09/14 11:07, 5F

09/14 13:50, , 6F
Mac safari/chrome/firefox 正常;iphone 6s chrome 正常
09/14 13:50, 6F

09/14 17:24, , 7F
怎麼沒說說你是iphone幾
09/14 17:24, 7F
是iphone7+,ios10.3.3,不好意思已經解決問題了,謝謝各位! ※ 編輯: aqua901 (106.104.4.124), 09/15/2017 10:27:41
文章代碼(AID): #1PkUeTUS (Web_Design)
文章代碼(AID): #1PkUeTUS (Web_Design)