Body-background-position: center не работает i. исследователь

Question

Я делаю веб-сайт, и у меня проблемы со свойством background-position.Вот мой код CSS:

body

{

background-color: Black;

background-image: url(images/background_ui.png);

background-repeat: no-repeat;

background-position: top,center;

background-attachment: scroll;

}

Как вы можете видеть, это верх, центр.Это нормально в Chrome, но в то есть 8 фон не идет по центру по горизонтали.Кстати, вы знаете какие-либо теги, чтобы написать указанный CSS код браузера?Благодаря.

Answer 1

Не думаю, что запятая правильная .., она должна быть: background position: top center. Вообще говоря, составные правила CSS, такие как background-position или background, не разделяют свои значения запятыми. Вместо этого они разделяются одним или несколькими пробелами. Например, ваш CSS сверху может выглядеть так:

background: black url(images/background_ui.png) no-repeat scroll top center;

Answer 2

Ваш синтаксис может быть неправильным.

Позиция должна быть либо верхней, либо центральной. Тот факт, что он работает в Chrome, а не в IE, заключается в том, что по умолчанию chromse, кажется, центрирует его.

Я думаю, что это может помочь вам:

{
background-position-x: 50%; 
background-position-y: 0%; 
}

РЕДАКТИРОВАТЬ: Иоаннис Карадимас также прав. Потеря запятой даст вам желаемый эффект. Хотя я все еще использовал бы размещение xy, чтобы избежать кросс-браузерных сюрпризов.