作者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/cn.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