изменения MarginTop с помощью яваскрипта не работает в Chrome

Question

У меня есть проблема, поясню это выглядит на Chrome:

, но как это на Firefox:

Я использую этот фрагмент кода, чтобы установить его так:

document.getElementById('jackpot').style.marginTop = "-470px"; 

Дело в том, что когда я переключаю его на положительное значение, оно фактически работает (получает толчок больше на дно), но как-то не в отрицательных значениях. Школа w3c говорит, что тег marginTop должен работать для каждого браузера.

Answer 1

Ну, я предпочитаю, чтобы вы использовали jQuery, потому что jQuery имеет перекрестную совместимость с браузером в отличие от JavaScript и его простоту использования!

$("#jackpot").css("margin-top","-470px"); 

Answer 2

Отрицательные поля должны отлично работать с Chrome. Смотрите пример:

document.getElementById('jackpot').style.marginTop = "-200px";

#header { 
 
    background: red; 
 
    height: 300px; 
 
} 
 
#jackpot { 
 
    background: green; 
 
    height: 100px; 
 
}

<div id="header"></div> 
 
<div id="jackpot"></div>

Так что, вероятно, некоторые другие проблемы. Не могли бы вы поделиться больше кода, чтобы лучше иллюстрировать проблему?