jquery - 带有 jQuery 和 CSS 动画的站点在除 Safari 之外的任何地方都可以工作

我是 jQuery 的新手，下面链接中的网站可以在 FF、Chrome 和 Opera 中使用，但不能在 Safari 中使用。

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Reverse Records - Klick me</title>



      <link rel="stylesheet" href="css/style.css">


</head>

<body>
  <div class='selector'>
  <ul>
    <li>
      <input id='1' type='checkbox'>
      <label for='1'>Option 1</label>
    </li>
    <li>
      <input id='2' type='checkbox'>
      <label for='2'>Option 2</label>
    </li>
    <li>
      <input id='3' type='checkbox'>
      <label for='3'>Option 3</label>
    </li>
    <li>
      <input id='4' type='checkbox'>
      <label for='4'>Option 4</label>
    </li>
  </ul>
  <div class="button1"></div>
</div>
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
  <script src="js/index.js"></script>


</body>

https://jsfiddle.net/dceh27we/#&togetherjs=jM21DCBopb

它如何在那里工作？我是不是忘记了什么？

最佳答案

也许，
检查您使用的 css 属性在 Safari 浏览器中是否受支持

例如，

动画名称，-webkit-动画名称...

这些用于不同浏览器的命名。

关于jquery - 带有 jQuery 和 CSS 动画的站点在除 Safari 之外的任何地方都可以工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45387655/