jquery - 使用透视图时忽略 Z 索引值

标签 jquery css z-index

我试图在单击 div 后对其进行缩放。我面临的问题是,即使我用 jquery 更新了 z-index 并且它得到更新,它对 div 没有影响,其他 div 仍然保持在顶部,这是一个例子:http://coldtask.com/

如果您单击任何日期,该框会放大并展开,但其他 div 仍然位于顶部,即使它们的 z-index 为 1 而事件 div 的 z-index 为 10。谢谢

最佳答案

我做了以下实验:

<div id="blue" class="day-wrap" data-date="2015-03-22">
  <div class="day-class-outside">
    <div class="day-class"></div>
  </div>
</div>

<!-- </div> -->

<div id="red" class="day-wrap" data-date="2015-03-22">
  <div class="day-class-outside">
    <div class="day-class"></div>
  </div>
</div>

#red, #red div, #red div div {
    background-color: green;
}

#blue, #blue div, #blue div div {
    background-color: blue;
}

它工作得很好。一切都很完美,当然,您确实忘记了制作 .day-wrap: relative

也就是说,你原来的代码没有问题。

关于jquery - 使用透视图时忽略 Z 索引值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28917948/

相关文章:

javascript - 使用 css jquery 将 div 结构更改为新的 div 结构

javascript - 根据事件cookie将css类添加到div

javascript - bootstrap.min.css 和 bootstrap.min.js 有什么区别?

css - 在隐藏的单选框/复选框上显示 HTML5 错误消息/验证

iPhone 不会在具有更高 z-index 的 div 上滚动

javascript - 如何在相关事件发生后获取特定对象的属性?

javascript - 如何停止事件监听器,它在杀死它后甚至继续触发?

javascript - Z-index 不适用于 div – 我的代码有什么问题?

html - Z-index 在 ie 中不起作用

internet-explorer-8 - IE7/8能否显示位置:relative elements in front of position:absolute ones?