1

CSS3 と jQuery でギャラリーを作成しました (ここでは: http://dev.crosscode.no/artgallery/ ) が、問題があります:

最初の右の写真がメインの写真に置き換わるとき (移行中)、2 番目の右の写真は最初の右の写真を見渡しますが、最初の右の写真の zIndex は 650 で、2 番目の右の写真の zIndex は 600 です。起こる？

all 0.75s cubic-bezier(0.42, 0, 0.58, 1) 0sトランジションとして使用しています。

前もって感謝します。

4

1 に答える 1

0

現在、ギャラリーではなくレイヤー-> z-indexが4つすべてのブラウザ（ff、ie、chr、saf）で正しく機能しないという同様の問題を解決しようとしています。divの順序は何ですか? 私のは：

<div #container>
  <div .layer>
     <div .wrap2>
        <div .wrap1>
           <img #1>
           <span .gizmo1>
           <span .gizmo2>

  <div .layer>
     <div .wrap2>
        <div .wrap1>
           <img #2>
           <span .gizmo1>
           <span .gizmo2>

問題: 1) IMG#2 の z-index が高い場合でも、IMG#1 が一番上に表示される.gizmo2 の z-index は 1000 ですが、まだ IMG#1 がすべての上に表示されています.. (img#1 の z-index を 200/2000 に設定した場合のイベント -- どちらも尊重されません)

使用された CSS 効果: 各レイヤーの .wrap1 で「変換: 回転 (60 度)」 -- 他には何もありません

(使用、jQuery.1.10.2、jQuery UI.1.10.3)

本当に奇妙に思えます。何が足りないのですか?

-- 編集: .wrap div の一部に変換プロパティを追加したため、Z-index の問題のみが表示されます。つまり、アプリが開始され、transform: が存在しない場合、z-indexes は正常に機能します。

于 2013-08-28T13:02:50.223 に答える