Компьютерный стиль фона позиции возвращает 0% 0% в Chrome

Question

Скажем у меня есть element, и я хочу увидеть его background-position:

Я это:

window.getComputedStyle(element).getPropertyValue('background-position') 

Если атрибут background- позиция не определена для этого element, я получаю:

0% 0% 

Однако, если я решу, чтобы установить background-position к 0% 0%, я будет иметь такое же значение.

Как я могу различать эти два случая? Как я могу узнать, что атрибут фактически определен?

EDIT:

Другие предложили использовать только style.getPropertyValue('background-position'), но это было бы просто взять в значения INLINE счета. Я хочу также учитывать, если значение было установлено во внешнем файле CSS. http://dev.w3.org/csswg/cssom/#elementcssinlinestyle

Answer 1

Imho, единственное различие между этими двумя случаями - перед любым анализом css на стороне браузера. это означает, что вам нужно исследовать CSS-строку, чтобы определить, было ли оно установлено или нет. поиск «фона» и «фонового положения» в качестве подстроки, затем выяснение, есть ли у вас 0 или 0% или нет.

Answer 2

Выведенное значение верно с 0% 0% is the initial value for background-position. (Свойства CSS всегда имеют значение, даже если оно имеет только начальное значение), поэтому никогда не являются «неопределенными».)

getComputedStyle не может сказать вам разницы, но может предпочесть, например, что фоновое положение 0% 0% с фоновым изображением none может представлять начальное значение.

Чтобы проследить, откуда взялись стили, попробуйте нестандартные getMatchedCSSRules() (см. window.getComputedStyle(): How to Discard properties with default values?).