画像間でバックグラウンドトランジションを実行しようとしていますが、この問題が発生します。トランジション中、画像がすべての上に表示され、フィールドとボタンが覆われます。その後、再び彼らの後ろに行きます。
私はこのような実際のコンテンツの前に負のマージン（背景のもの）を持つdivを持っています：
<div id="background">
</div>
<div id="realcontent">
</div>
あなたはこのjfiddleでそれを見ることができます
すべてを同じdiv内に配置して不透明度を変更すると、ボタンとフィールドもフェードします。これは望ましくありません。
z-indexesを設定しようとしましたが、何も機能しません。
移行中に他のコンテンツの下部にフェージング画像を保持する方法はありますか？
なぜこれが起こるのですか??!!
プラグインを使用せずにこれを行うためのより良い方法はありますか？（これは簡単です。これだけのためにサーバーで別のhttpリクエストを作成したくありません）
助けてくれてありがとう