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

目前正试图解决类似的问题，不是画廊而是一层 - ＆gt; z-index在所有4个浏览器中都运行错误（ff，即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时，没有fst层的元素具有z-index集合而第二层的.gizmo1，.gizmo2具有z-index 1000，仍然IMG＃1显示在所有内容之上..（如果将img＃1 z-index设置为200/2000，则不会被尊重）

使用CSS效果：每个图层的.wrap1上的“transform：rotate（60deg）” - 没有别的

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

似乎很奇怪，我错过了什么？

- 编辑：Z-index问题仅出现，因为我将转换属性添加到某些.wrap div中！这意味着：当应用程序启动时，并且没有转换：..然后z-indexes工作正常！

在css3转换期间不遵守z-index

1 个答案: