Подскажите пожалуйста есть ли возможность средствами css растянуть изображение по высоте? Конкретно:
Есть table (или div) с классом в котором backround - это картинка, которая должна растягиваться (НЕ ПОВТОРЯТЬСЯ), в зависимости от увеличения высоты данной table или div. Высота растет из-за данных в этой табличке или слое.
Буду очень благодарна помощи!!!
насколько я знаю, если изображение растровое, то растянуть его не удастся без потери качества, а если вектор, то без проблем..
по-моему растягивать фон нельзя... =)
Да и какчество при этом теряется
По фиг на качество и на то что нельзя. В данный варианте просто НУЖНО! Заказчик хочет!!!
Вы когда-нибудь пробовали растянуть руками карандаш? Попробуйте. Ответ придет сам собой...
Вы сами-то хоть немного понимаете, что Вы пишете? Как Вы это себе представляете? У любого растрового изображения есть определенный размер в пикселах. Если Вы будете растягивать изображение только в одном направлении (напрмер, в ширину), Вы сможете наблюдать весьма интересный эффект. Вы когда-нибудь слышали о таком понятии, как "пропорции"? Посещали ли аттракцион "Кривые зеркала"?
Более того, даже при пропорциональном увеличении или уменьшении любого растрового изображения всегда заметно ухудшается его качество. Это одна из ключевых особенностей растра.
Вопрос:
Возможно ли не повторяя изображения несколько раз, натянуть его как фон на всю ячейку таблицы или блок?
Ответ:
Как фон (background) – нельзя. Как изображение (<img>) – можно. Для этого нужно всего лишь задать для изображения 100%-ную ширину и соответствующую фиксированную высоту. Только потом никому не показывайте результат...
Спасибо за ответ.
Печально осозновать, что это сделать нельзя!
Зато как меня это радует (вполне серьезно)... Вы даже не представляете... )
[/quote]
тут у одного форумчанина была подпись такого плана:
<div class='quotetop'>Цитата</div>ну или что-то типа того. надо уметь объяснять заказчику про технические ограничения иначе такие заказчики у вас быстро отобьют желание работать в принципе.- Скажите, а можно сделать этот фон пожелтее?
- Нет, это yellow 100%.
- Так что, совсем никак?[/b]
[/quote]
Чтоб не радовались:
Это сберегло бы кучу времени и мне и программисту - теперь это будет гемморой!!
А картинка увеличивалась бы в размере всего на 10px и потере качества видно не было.
Да как Вы не поймете, негоже растр масштабировать... Даже на 1px. Просто ради интереса спрашиваю: Вы хоть один веб-сайт с масштабируемым растром в Сети можете как пример привести? Ну, кроме располагающихся на "народе", конечно... )
Ваще даже масштабирование на 1пх очень сильно скажется на качестве... Даже если это градиент =)
расслабтесь. глубоко вдохните. и просто сделайте фоновую картинку максимального возможного размера
картинка не будет растягиваться, но будет занимать всю площадь элемента. что, скорее всего, и требовалось.
единственно, что надо будет ее рисовать и оптимизировать очень аккуратно чтобы уменьшить трафик.
Видите ли высота элемента разная, а градиент должен быть одинаковый. Так что варант растянуть макс картинку не подходит.Originally posted by null@Jul 5 2007, 23:56
[b]расслабтесь. глубоко вдохните. и просто сделайте фоновую картинку максимального возможного размера
картинка не будет растягиваться, но будет занимать всю площадь элемента. что, скорее всего, и требовалось.
Изображение в качестве фона, чтобы не множилось, а растянулось по размеру td. Забыла, как это делается
Неудивительно, что забыли.
Потому что это никак не делается.
А как же я растягивала давно когда-то маленькую картинку с градиентом по горизонтали, на весь экран, и получалась такая градиентная переливающаяся полоска, типа такой, которая видна, когда грузится windows.
При помощи тэга <img> растягивали. Но никак не фоном.
Ваши права
