1

これは次のフォローアップです。

ul をラップする div で addClass を使用した後、fadeOut (li で) が機能しなくなります。

CSS の 1 行に絞り込んだので、(現在) 正しい質問を再質問するのに適した場所のように思えます。

これはCSSの行です：

.status-fullscreen .main-slides img.display-full {
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    z-index:350
}

（ところで、この「トリック」はhttp://css-tricks.com/perfect-full-page-background-image/から来ているので、かなり合法的なようです。）

適用される疑似コード:

<div .status-fullscreen>
  <div .main-slides>
  <ul>
    <li><img .display-full /></li>
    <li><img .display-full /></li>
    <li><img .display-full /></li>
  </ul>
  </div>
</div>

CSS の行が有効で、リストの .go(index) を操作していると、fadeOut() が期待どおりに機能しなくなります。つまり、まったく機能しません。デュレーションがずれているように見えますが、フェードインは機能します。行を削除すると、すべてがうまくいきます。

何を与える？

フルスクリーン画像を生成する別の方法があると確信しています。未定。しかし、CSS のこの行にあるものによって、fadeOut が無効になる原因を理解することは有益です。多分それはバグではありませんが、かなり奇妙に思えますよね？

4

1 に答える 1

0

問題が解決しました。画像を 1 本の線で全画面表示にする代わりに、fixed と height も使用しました。

  • そしてラッパーに進みます（それが理にかなっている場合）。要するに、一貫して定義された最上位のレイヤーを作成すると（私は推測します）、コードはjqを混乱させなくなりました。

    • 于 2012-07-14T22:34:48.587 に答える