在css3過渡期間不遵守z-index

Question

我用CSS3和jQuery創建了一個圖庫（在這里： http : //dev.crosscode.no/artgallery/ ），但是我有一個問題：

當第一張右邊的照片替換主照片（在過渡期間）時，第二張右邊的照片在第一張右邊的照片上查找，但是第一張右邊的照片的zIndex為650，第二張右邊的照片的zIndex為600。有人知道為什么嗎？發生？

我正在使用all 0.75s cubic-bezier(0.42, 0, 0.58, 1) 0s作為過渡。

提前致謝。

Answer 1

當前試圖解決類似的問題，不是畫廊，而是層-> 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仍顯示在頂部2）當第一層的.gizmo1，.gizmo隱藏時，第一層的元素均未設置z-index和第二層的.gizmo1 ，.gizmo2的z-index為1000，IMG＃1仍顯示在所有內容的頂部。（如果將img＃1 z-index設置為200/2000，則不會發生此事件-均不考慮）

在每層.wrap1上使用過CSS效果：“ transform：rotate（60deg）”-其他

（使用jQuery.1.10.2，jQuery UI.1.10.3）

似乎真的很奇怪，我想念什么？

-編輯：僅在我將轉換屬性添加到某些.wrap div時，才出現Z-index問題！ 這意味着：啟動應用程序后，沒有任何轉換：..那么z索引可以正常工作！