Firefox getComputedStyle возвращает не вычисленное значение

Question

Firefox getComputedStyle возвращает не вычисленное значение

Я вызываю getComputedStyle для элемента, который определяет left, right а также bottom,

В Chrome это возвращается 'auto' в качестве значения для top но в Firefox это возвращает значение пикселя, однако, если вы посмотрите на инспектора в Firefox top значение не отображается в вычисляемой панели.

Есть ли способ обойти это? Вот скрипка, показывающая проблему http://jsfiddle.net/DEfusion/9NaGD/

3

javascript css firefox getcomputedstyle

Источник

user6432 12 май '14 в 17:02

2 ответа

Другие вопросы по тегам javascript css firefox getcomputedstyle

user475125 12 май '14 в 17:09 2014-05-12 17:09 · Answer 1 · 2014-05-12 17:09

Через: https://developer.mozilla.org/en/docs/Web/API/window.getComputedStyle

В Firefox свойства со значением auto возвращают используемое значение, а не значение auto. Так что если вы примените top:auto; и снизу:0; для элемента с высотой:30px и содержащего его блока высота:100px; при запросе вычисленного стиля для top Firefox вернет top:70px, так как 100px-30px=70px.

user4299102 13 фев '15 в 08:10 2015-02-13 08:10 · Answer 2 · 2015-02-13 08:10

Старый вопрос, но я тоже столкнулся с этой проблемой и получил решение, как сказал Prisoner, Firefox работает немного по-другому, так как для некоторых свойств он возвращает использованное значение (оно преобразует auto в пиксели) вместо разрешенного значения. К счастью, начиная с Firefox 19, существует решение под названием getDefaultComputedStyle, поддерживаемое только в Firefox и возвращающее разрешенные значения.

Один из способов сделать это - проверить браузер, использовать getDefaultComputedStyle, если Firefox, иначе использовать getComputedStyle.