更改Z索引問題

Question

我正在用HTML制作舊的RPG游戲，我想在Javascript上創建一個函數，該函數使玩家的div低於障礙物，而當頂部的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);
}

當最高玩家高於障礙物時（射擊）

---

當頂部較低時

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);
}

由於沒有給出可運行的示例，因此尚未經過測試。