[Владислав_Со]

Добрый вечер! Можно ли написать такую функцию, чтобы при срабатывании другой функции, все блоки div в секии присваивали себе z-index:1 ?? (так как каждый блок имеет свой z-index) /

При использовании этого

<div class="lightbox">
    <input type="checkbox" id="case-1" class="lightbox1"/>
    <label for="case-1"> View case study</label>
    <div><div>
        <label for="case-1"></label>
        <div>
            <div>ParkApp<label for="case-1">✖</label></div>
            <div><img src="./images/case_study1.1.jpg" alt=""></div>
        </div>
    </div></div>
</div>

а вот его js

var inp = document.getElementsByClassName("lightbox_view");
for (var i = 0; i < inp.length; i++) {
  inp[i].onclick = function() {
    document.documentElement.style.overflow = this.checked ? "hidden" : "auto";
    document.documentElement.style.marginRight = this.checked ? "17px" : "";
    document.documentElement.style.zIndex = this.checked ? "999" : "auto";
  };
}

Чтобы избежать вот этого безобразия
*** Огромная картинка ***