Изменение Z-индекса Div после загрузки страницы

Question

Я создаю расширение новой вкладки для Chrome, и в качестве части его необходимо изменить z-индекс за 3 секунды после загрузки страницы. Я пробовал JavaScript, CSS и HTML, но не могу найти правильный код.

Я также очень новичок в программировании, поэтому любой отправленный код будет отличной помощью.

Answer 1

Я не знаю, как расширения для работы Chrome, но если инъекционные JavaScript вариант, то это буквально вопрос ожидания, пока документ не загружается (примеры здесь: Javascript that executes after page load)

Тогда ожидания некоторого времени (примеры здесь: Put a Delay in Javascript)

Затем просто установите z-индекс элемента, который вы хотите отредактировать.

document.getElementById(id).style.zIndex=newIndex; 

Однако, если то, что вы пытаетесь сделать, это своего рода анимация, есть гораздо более эффективные способы достижения этого.

Answer 2

Pure JS

setTimeout(function(){ 
    document.getElementById("elementID").style.zIndex="1" 
}, 3000); 

или решение JQuery

setTimeout(function(){ 
    $('#elementID').css({ zIndex: '1' }); 
}, 3000); 

* Примечание: Вы должны включить jQuery Library, если вы решите использовать решение JQuery.