0

何らかの理由で、アニメーション 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;
 }
4

1 に答える 1

0

私はCSSアニメーションを使ったことはありませんが、画像を別の要素の下に移動してリンクをクリックできないようにすることはできませんか? これはすべてのブラウザで見られますか?アニメーションを削除すると本当に違いが生じますか?

于 2012-08-21T22:49:34.420 に答える