改变Z-index问题

Question

我正在制作一个关于HTML的旧RPG游戏，我想在Javascript上创建一个函数 这使得玩家的div低于障碍物，当顶部高于障碍物时，玩家的z指数高于障碍物：

var top = parseInt($("#player").css("top"));
var hei = $("#player").height();
var total = top + hei;
var obTop = parseInt($("#obstacle").css("top"));
var obHei = $("#obstacle").height();
var obTotal = obHei + obTop;
if (total < obTotal) {
    player.style.zIndex = 1;
    $("#obstacle").css('z-index', 2);
} else {
    player.style.zIndex = 2;
    $("#obstacle").css('z-index', 1);
}

当顶级球员高于障碍物（火力）

时

当top为Lower

时

Answer 1

您需要比较相关对象的Y位置。在这种情况下，当火焰y低于玩家y时，你想让玩家拥有比火力更高的Z指数。反之亦然，当火焰y高于玩家y时，你希望火焰的Z指数高于火焰。你可以这样做：

//Define player y and fire y 
player.style.zIndex = 1;
$("obstacle").css("z-index", 1);
if (playery > firey){
    player.style.zIndex = 2;
} else {
    $("obstacle").css("z-index", 2);
}

这还没有经过测试，因为没有给出一个可运行的例子。