最初に私の悪い英語を許してください、私はフランス人です。がんばります！初めて私の問題に対する答えが見つからないので、私は今日ここにいます。月曜日、ウェブサイトのデモを見せる必要があり、パニックになり始めました。
だから、私はrotate (45deg). この div 内に、インライン ブロックに 2 つの div 他の div があります (css 回転 ( -45deg )。左側にスライダーがあり、右側にテキストとショートカットがあります。今日、スライダーを左側の位置に結合しました (I joomla で作業します。問題なく動作しますが、スライド トランジションに問題があります。「次へ」または「前へ」をクリックすると、トランジションの間、グローバル div (メイン コンテナ) がぼやけます。テキストを正しい位置に配置します (違いがよくわかります)。
たとえばフィドル：
http://jsfiddle.net/asakuras/8Pk3S/11/
例えば写真：
クリック前とクリック直後、トランジション中:
http://www.morgann-c.com/tools/js/bug.jpg
説明:
私はそれをきれいにする多くの可能性をテストしましたが、現時点では解決策はありません. スクリプト ( Respondslides.js ) では、トランジションは不透明度によって削減されます。スクリプトの 71 行目に opacity の設定があります。
visible = {"float": "left", "position": "relative", "opacity": 1, "zIndex": 2},
hidden = {"float": "none", "position": "absolute", "opacity": 0, "zIndex": 1, }
非表示クラスの不透明度を0に変更すると、遷移はありませんが、バグは消えます! これはCSSの不透明度遷移の問題だと思います。すべての div の回転を削除すると、バグも消えます。すべてのCSS変換をテストしましたが、結果はありません...
私はこのバグに 3 日間取り組んでおり、解決策を迅速に見つけることが私にとって非常に重要です... 誰かがこの問題をすでに抱えている場合は、私が引き受けます!
良い週末をお過ごしください。よろしくお願いします...
編集 //// ：
Firefox 30 : クリックすると「ぼかし」
Chrome 35.0.1916.153 : ページ読み込み時にどこでも「ぼかし」
IE 11 : 問題も「ぼかし」もなく、すべてが完全に機能します。