Форум Сайтостроение Веб-строительство

Как сделать background-image на всю ширину?

WS
На сайте с 07.06.2008
Offline
113
Webmaster_s
10500

Здравствуйте, уважаемые форумчане! Хочу спросить, возможно ли вообще background-image в css растянуть на всю ширину сайта, т.е. имитировать width="100%" как в html ?

Просто я из css могу пока только сделать либо размножение фона, либо он у меня на ширину реального рисунка. А мне надо его растянуть. Как это сделать, подскажите пожалуйста?

ИМХО лучший Российский хостинг. Пользуюсь более 7 лет. (http://timeweb.ru/?i=4819&a=0001)
pelvis
На сайте с 01.09.2005
Offline
345
pelvis
#1

Webmaster_s, поиск в яндексе дает результаты, в гугле тоже. http://www.webimg.ru/node/99 вот так некто предлагает выкручиваться.

А вообще, лучше делать графику под конкретные задачи.

Продаю вывески. Задарма и задорого (https://www.ledsvetzavod.ru/)
T
На сайте с 24.01.2010
Offline
114
Targost
#2

А при "растяжении" качество не пострадает ли? Проще и аккуратней картинке нужный размер задать в граф. редакторе. И отпозиционировать нужным образом.

Через css насколько я знаю, нельзя.

Prior
На сайте с 03.03.2008
Offline
184
Prior
#3

ТС, это вам нужно для корректного отображения сайта при разных разрешениях? В таком случае обычно ставят на фон более широкую картинку под максимальное поддерживаемое разрешение.

Ответы на вопрос - https://answers.net.pl
[Удален]
#4
Targost:
насколько я знаю нельзя.

и ненадо, а вот руки за такие бекграунды надо отрывать.

codemorgan
На сайте с 12.01.2009
Offline
48
codemorgan
#5

нельзя такое сделать ... и как сказали уже и не нужно. Вы позже поймете почему.

Но если хочется то лучше сделать

пхп скрипт который будет от заданых параметров ширины и высоты растягивать картинку средствами GD.

например так

getimage.php?width=400&height=500&image=background.png

и использовать так.

скаать скрипт для изменения размеров, можно погуглив

<div style='background-image:url(хттп://yoursite.ru/getimage.php?width=400&height=500&image=background.png);

width:400; height:400;

'>

DIV CONTENT

</div>

Себе такое сделал давно правда гораздо красивее. с кешированием и прочее. Но для увеличения не юзаю ))) только для уменьшения

Верстка/PHP/Wordpress/Magento (http://codemorgan.ru/services)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий