使用jquery更改divs z-index

Question

我有一些jquery，我正在运行为自定义菜单创建动画。

基本上，您单击菜单图标，然后运行CSS动画以填满屏幕。我试图只将菜单#countryIcon的z-index拉到已经设置动画的红色背景之上，但我不知道该如何去做。

所以问题的CSS是：

的

的

.phoneBig{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    animation-name: example;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    transform-origin: 50% ;
    z-index: 200;
}

的

使这比#menuIcon少。同样重要的是要注意#menuIcon目前没有任何样式，它只是用于jQuery中的click事件，我尝试制作它的z-index 201，但似乎没有用。

这是一个工作示例的小提琴： https://jsfiddle.net/vy6fLa03/

Answer 1

你可以调用jquery来执行此操作：

$(this).parent().css('position', 'relative');
$(this).parent().css('z-index', 3000);