1

我用 CSS3 和 jQuery 制作了一个画廊（在这里：http ://dev.crosscode.no/artgallery/ ）但我有一个问题：

当第一张右照片替换主照片时（在过渡期间），第二张右照片查看第一张右照片，但第一张右照片的 zIndex 为 650，第二张右照片的 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 仍然显示在顶部 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）

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

- 编辑：Z-index 问题仅在我将转换属性添加到某些 .wrap div 后才出现！这意味着：当应用程序启动时，没有 transform: 存在.. 那么 z-indexes 工作正常！

于 2013-08-28T13:02:50.223 回答