[英]Css doesn't Work on Iphone
Here's my fiddle : http://jsfiddle.net/hLza6qa6/3/ 这是我的小提琴: http : //jsfiddle.net/hLza6qa6/3/
when i test my fiddle on iPhone menu links on overlay does not appear but when i test it on android device , it's all Ok . 当我在iPhone上测试我的小提琴时,覆盖菜单上的链接没有出现,但是当我在android设备上测试时,一切正常。
.menu-links{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
box-shadow: 0 0 0;
display: block;
float: none;
opacity: 0;
padding-right: 7px;
position: absolute;
text-align: center;
transition: all 300ms ease-out 0s;
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
width: 100%;
z-index: 800;
right: 0;
left: 0;
}
Any advice would be great ? 有什么建议会很棒吗? Thanks 谢谢
Try adding a -webkit-transform
below each transform
property. 尝试在每个transform
属性下面添加一个-webkit-transform
。
According to the compatibility table , transform is supported with -webkit- on Safari 根据兼容性表 ,Safari上的-webkit-支持转换
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.