tiling два изображения в фоновом режиме в ie8

У меня есть 10px x 765px графика, которую я повторяю-x, тогда у меня есть повторяющийся графический файл 20px x 20px, который я хочу забрать, когда страница выходит за пределы 765px в высоту.tiling два изображения в фоновом режиме в ie8

Возможно ли это?

body { 
    background: #000 url('/assets/images/background_x_tile.png') repeat-x; 
}

enter image description here

Оба фоновые изображения включены здесь, я не знаю, как плитки меньшего изображения, как только страница достигает конца 765px высоты изображения.

Пытаясь добиться того, что это выглядит так:

enter image description here

источник

2014-01-29 Brad

он работает отлично, используя «body { background: url (image_url) repeat-x; } " –

Попробуйте использовать медиа-запрос для этого .." @ media screen и (min-width: 765px) и (ориентация: пейзаж) " –

Используйте один Б.Г. изображение на html теге, а другой на body теге

Codepen

html { 
    background-image: url(http://i.stack.imgur.com/Yowiu.png); 
    background-position: 765px 0; 
} 

body { 
background-image: url(http://i.stack.imgur.com/FtvK0.png); 
    background-repeat: repeat-x; 
}

источник

2014-01-29 12:48:52

-1