Question

使用GreenSock TweenMax，我能够让动画完全正确，但问题是飞向右边的“旗帜”需要超过下一个钻石，而不是它下面。在任何元素上设置z-index都没有任何影响。有任何想法吗？ CodePen演示在此处：https://codepen.io/anon/pen/xjLexJ

这是我的js：

@echo off
set procName=%1
for /f "tokens=2 delims=," %%F in ('tasklist /nh /fi "imagename eq %1" /fo csv') do call :Foo %%~F
goto End

:Foo
set z=%1
echo netstat for : "%procName%" which had pid "%1"
echo ----------------------------------------------------------------------

netstat -ano |findstr %z%
goto :eof

:End

Answer 1

您需要确保您悬停的元素的z-index高于另一个（因为您已将两者都设置为10以启动）。您可以通过几种方式执行此操作，但here's a simple change just to show that it works：

// EXTEND/RETRACT THE FLAG
$(document).ready(function() {
  $(".flag").css("width", 0);
  var tl = new TimelineLite();
  $(document).on("mouseenter", ".iconWrapper", function(evt) {
    $(this).css('z-index', 11); // bump z-index higher
    tl.to($(this).find(".flag"), 0.25, {
      width: "300px"
    });
  }).on("mouseleave", ".iconWrapper", function(evt) {
    $(this).css('z-index', 10); // return z-index to original value
    tl.to($(".flag"), 0.25, {
      width: 0
    });
  });
});

GreenSock的z-index问题

1 个答案: