растягивание фона в CSS - есть ответ

Гость, 70 просмотров

есть фон в виде узорчатой рамки, и есть блок в CSS к которому крепится фон.
Проблема: как сделать так, чтобы фон менял размер в соответствии с размером самого блока, но чтоб все элементы фона были видны?
код CSS:
#left {
background-image: url("http://5.197.154.247:8692/new/block2.png");
background-repeat: no-repeat;
width: 200px;
height: 130px;
position: absolute;
top:432px;
left:40px;
border: none;
}

Ответы:

kazZzantip

У вас заданы размеры картинки плюс ещё абсолютное позиционирование...

Master Chief

подождите, я думал что атрибутами width и height я задал размеры блока... а не фона..

kazZzantip

Да простите, данные параметры относятся к размерам блока.
Собственно не знаю какой у вас фон, но я бы сделал фон минимальным размером и соотвественно использовал повторение фона.
background-repeat: repeat;

Master Chief

спасибо.. но всё же: как задать размер фона относительно размера блока??

Master Chief

вот сам фон:
http://i061.radikal.ru/0906/60/1545e6ae195e.png

Master Chief

значит никак? жаль(

kazZzantip

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

15 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.