2013-12-05 6 views
2

Так у меня есть фон:Создание градиента фона продолжают последний цвет

enter image description here

Я хочу на этом фоне появляться довольно много, как она есть, и затем повторить вертикально, но вместо остального фона будучи белым, я хочу, чтобы он был того же цвета, что и последний цвет на этом градиенте.

Мой CSS:

body { 
background-image:url('background.jpg'); 
background-repeat:repeat-y; 
background-size: 20%; 
} 

Это делает его занять 20% моего фона размера, а затем оставляя след белого, который я хочу превратить в последний цвет градиента.

+0

Вы должны быть в состоянии достичь этого эффекта с помощью CSS3, не используя какие-либо изображения на всех. Вы играли с любыми инструментами «css3 linear gradient generator»? –

ответ

1

Добавить

background-color:#86a6b5; 

К вам CSS.

Демо: http://jsfiddle.net/2KYWL/

+0

Это было уверено! Как вы придумали точный цвет, если я могу спросить? – user3066560

+0

Ther're множество утилит для выбора цвета, например http://www.iconico.com/colorpic/ - позволяет вам указывать на любую часть экрана и получать информацию о цвете –

+0

Расширение для Chrome «Веб-разработчик» также имеет выбор цвета –

1

Попробуйте добавить background-color:

body { 
    background-color:blue; 
    background-image:url('background.jpg'); 
    background-repeat:repeat-y; 
    background-size: 20%; 
} 
Смежные вопросы