ios端css3 rotate3d 被下面那层挡住了,求解



 <!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
      <style>
        .a {
            width: 100%;
            height: 100%;
            background-color: #f00;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99;
        }
        .b {
            width: 100%;
            height: 100%;
            background-color: #00f;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 88;
        }
      </style>
      <link href="//cdn.bootcss.com/animate.css/3.4.0/animate.min.css" rel="stylesheet">
</head>
<body>
    <section class="a"></section>
    <section class="b"></section>
    <script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
    <script>
        $(function(){
            $(".a").click(function(){
                $(this).addClass("animated flipInX").one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
                    // alert(1);
                });;
            })
        })
    </script>
</body>
</html>

网址是 http://www.langdr.com/Ball/Index/aa.html 用手机看,电脑端是正常的

css3 html5 css HTML

Atirma 9 years ago

Your Answer