Question

出于某种原因，我无法点击动画div中的链接。它们是一些移动的云。

HTML：

<div class="container">
  <div id="clouds">
    <div class="cloud1"><a href="/pages/porfolio.html"><img src="../images/cloud_portfolio.png"/></a></div>
    <div class="cloud2"><img src="../images/clouds_customer.png"/></div>
  </div>
</div>

的CSS：

.container {
  width: 1100px;
  position: absolute;
  top: 80px;
  height: 200px;
  overflow: hidden;
  margin: 0 auto;
  z-index:1;
}
#clouds {
  top: 50px;
  position: relative;
  -webkit-animation: move 40s infinite linear;  
  -moz-animation: move 40s infinite linear;  
  -ms-animation: move 40s infinite linear;
  z-index: 2;

}
#clouds a{
  cursor:pointer;
    text-decoration: none;
 }

Answer 1

我从未使用过CSS动画，但是你是否有可能将图像移动到另一个元素下，从而使链接无法点击？你是否在每个浏览器中看到这个并且删除动画真的有所作为吗？

链接里面的动画div问题

1 个答案: