Z-使用透视图时忽略的索引值
Z-使用透视图时忽略的索引值
提问于 2015-03-07 17:41:42
我试着放大一个div一旦它被点击。我面临的问题是，尽管我用jquery更新了z索引，并且它得到了更新，但它对div没有影响，其他div仍然保持在顶部，下面是一个例子：http://coldtask.com/
如果您单击任何日期，该框将放大并展开，但其他div仍然保持在顶部，尽管它们的z-索引为1，而活动div的z-索引为10。
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-03-07 18:23:23
您需要设置“相对位置”以使z-索引工作。
.day-wrap
{
-webkit-transform: translate3d(0,0,0);
margin: 3px;
position: relative;
float: left;
width: 65px;
height: 50px;
z-index:1;
transform: perspective(100px);
transform-style: preserve-3d;
}Stack Overflow用户
发布于 2015-03-07 18:35:46
我做了以下实验：
<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。
换句话说，您的原始代码没有问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28917948
复制相关文章
相似问题
腾讯云开发者
