私は理解できない奇妙な問題を抱えています（現在2時間解決策を探しています）。
スライドを選択するとキャプション (H3 と p) が表示されるスライダーを使用しています。プロパティを使用する場合、キャプション要素の不透明度のイーズインアウトを除いて、すべて正常に機能しtransition-delayます。
jsfiddleでデモをセットアップしました。[次へ] または [前へ] をクリックすると、キャプション要素が遅れて表示されますが、それらの不透明度の緩和はスムーズな移行には機能しません。
任意のヘルプappricated :)
質問する
184 次
1 に答える
2
さて、これはあなたがやろうとしていることを誤解しているだけかもしれませんが、不正確なセレクターを使用しているだけでなく、遷移の継承を誤って想定しているようです。基本的に、#test input:checked ~ #full > .captionチェックボックスのいずれかがチェックされている場合、つまり常にチェックされている場合、行は .caption を選択します。
最終的に、実際に不透明度をアニメートするよう要素に指示することはありません。
あなたのコードを少し書き直すことで、私はこれを思いつきました。
ちなみに、重複した ID (#full) は使用しないでください。アクセスしようとすると Javascript が壊れてしまうからです。代わりにスペース区切りのクラスを使用してください。
于 2013-10-29T21:24:40.577 に答える