2015-10-14 3 views
0

У меня есть заголовок изображения, который не является векторным изображением, поэтому, когда ширина страницы превышает мою ширину изображения, страница останется с пустым пространством, как вы можете видеть на картинке:Заголовок CSS бок о бок или повторяется

enter image description here:

но мне нужно, что изображение будет заполнить этот пробел, поэтому я создал часть изображения, я хочу repeatand место бок о бок существующего изображения, но я не знайте, как это сделать с помощью CSS.

Любая помощь?

Спасибо.

+0

Можете ли вы предоставить код? –

+0

попробуйте установить изображение в качестве фона и использовать 'background-repeat' css –

+0

.header_container -> первое изображение { ширина: 100%; высота: 168px; background: url (../ images/header_bg.jpg) no-repeat top center; переполнение: скрыто; float: слева; } .header_Repeater -> репитер изображения { margin-left: 0px; дисплей: блок; ширина: 150шт; высота: 168px; переполнение: скрыто; background: url (../ images/header_bg_repeat.jpg); } – VirtApp

ответ

2

Вы можете использовать этот

background : url('image path') repeat-x ;

+0

Спасибо, чувак, ты спас мой день. – VirtApp