CSS无法在Iphone上运行

Question

这是我的小提琴： http : //jsfiddle.net/hLza6qa6/3/

当我在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;
    }  

有什么建议会很棒吗？ 谢谢

Answer 1

尝试在每个transform属性下面添加一个-webkit-transform 。

根据兼容性表 ，Safari上的-webkit-支持转换