IE 8, CSS-repeat-x и относительный не работают вообще

Question

У меня большая проблема с фоном моего заголовка.

Я несколько часов настраивал сайт в IE, так как страница идеальна во всех других браузерах, какими бы старыми они ни были.Но я полностью схожу с ума по IE ​​8, так как мой фон заголовка (.gif) просто не будет повторяться ТОЛЬКО по горизонтали.

Как уже было сказано, он отлично работает в любом другом браузере, даже в IE6,7 и 9, но в IE 8 фон просто вставляется по всему сайту.

css:

header{
position:relative;
height:615px;
background:url(/images/1paage-header-bg.jpg) repeat-x center top;
width:100%;
min-width:950px; }

Буду признателен за небольшую помощь здесь ...

Answer 1

background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ImagePath',sizingMethod='scale');
background-repeat: repeat-x;

Он работает в Internet Explorer 6.

Answer 2

Повтор x не работает в IE 8. Другой альтернативы нет, хотя

http://reference.sitepoint.com/css/background-repeat

Answer 3

Просмотр структуры вашего сайта определенно поможет.

Но часто для горизонтально повторяющегося фона заголовка часто используется body.

http://jsfiddle.net/KMQJd/

Небольшое уточнение: Обычно body используется, если вы уже используете какое-то фоновое изображение в html (которое я вроде как здесь рассмотрел ..) Но если у вас просто цвет фона и вы хотите использовать повторяющееся изображение вверху, вы должны использоватьhtml - html { background: #777777 url(image.jpg) repeat-x top left; }

---

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

background: url(image.jpg) repeat-x top center;

Answer 4

У меня была такая же проблема, просто проверьте синтаксис в IE8, каждый пробел важен, также проверьте в firebug, загружается ли изображение? Мой плохой синтаксис был:

background: #fff url(../img/bg_02.png)repeat-x top center;

правильный:

background: #fff url(../img/bg_02.png) repeat-x top center;

в моем случае проблема была в пространстве. верхний и центральный параметры устарели.

Answer 5

Попробуйте установить background-repeat на repeat-x, например:

background-repeat:repeat-x;