Растягивающийся фон

[zer00]

Вобщем смысл вот в чем. Нужно задать фон для верхней части сайта (хеадера). Фон дожен быть резиновый или хотя бы фиксированного размера по центру.

Но нужно чтобы картинку нельзя было скопировать обычным способом тоесть чтобы она была прописана именно в CSS в теге background-image. Вот я прописываю её а картинка начинает дублироватся.

Вот код из CSS

#header {
background-image: url(logo.png);
}

Как сделать что-бы он растягивался, а не дублировался?

[sigma77]

Вобщем смысл вот в чем. Нужно задать фон для верхней части сайта (хеадера). Фон дожен быть резиновый или хотя бы фиксированного размера по центру.

Но нужно чтобы картинку нельзя было скопировать обычным способом тоесть чтобы она была прописана именно в CSS в теге background-image. Вот я прописываю её а картинка начинает дублироватся.

Вот код из CSS

#header {
background-image: url(logo.png);
}

Как сделать что-бы он растягивался, а не дублировался?

background-size

Но защитить картинку от копирования это всё равно не поможет

Ну и в целом почитайте Цвет и фон, чтобы не возникало вопросов, как сделать так, чтобы фон не дублировался.

[zer00]

Огромное спасибо, но это немного не то. Мне нужно чтобы высота была фиксированная а ширина растягивалась.

А так у меня растягивание идет пропорционально.

[sigma77]

Огромное спасибо, но это немного не то. Мне нужно чтобы высота была фиксированная а ширина растягивалась.

А так у меня растягивание идет пропорционально.

Использование двух значений через пробел задает ширину и высоту фоновой картинки.

Т.е. одно значение у вас будет равно 100%, другое высоте картинки в пикселях.

[zer00]

Вот теперь получилось. Спасибо большое))