Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Фоновый рисунок, Растянуть фоновый рисунок 
:(
    Опции темы
kaa
Дата 7.1.2006, 23:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 817
Регистрация: 5.11.2005

Репутация: 1
Всего: 2



Возник такой вопрос: сделал картинку фоном, а её видимо на весь экран не хватает и браузер давай её повторять - выходит некрасиво. Можно - ли как-нить растянуть картинку на весь экран, пусть даже в ущерб качеству изображеня - рисунок позволяет такие вольности.
PM MAIL   Вверх
Illuminaty
Дата 8.1.2006, 00:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56



может быть идею подкину, а может меня помидорами закидают smile
Дело в том, что я не знаю, да и не слышал, как решить твою проблему просто (т.е. аттрибут там какой-нибудь прописать или таблицу стилей настроить). Посему предлогаю направление движения:
Создаем такой стиль
Код
.pageimage {
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
}
а на страницу поместим следующее
Код
<div class="pageimage"><img src="/images/1.jpg" border="0" width="100%" height="100%"></div>
Теперь осталось поиграться с z-index'ами
Удачи
PM MAIL ICQ   Вверх
Cheba
Дата 8.1.2006, 01:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


pointless one
***


Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

Репутация: 14
Всего: 62



kaa, css не позволяет растягивать фоновые изображения. Можно лишь управлять их повторением: повторять, не повторять, повторять только по горизонтали и повторять только по вертикали.

Illuminaty, в принципе вариант, но абсолютно позиционированній слой тяжело растянуть на всю страницу средствами css. То есть вообще нельзя. Прийдется применять хирургические средства (Javascript). Да и accessibility страдает от таких методов.
PM MAIL ICQ   Вверх
Illuminaty
Дата 8.1.2006, 11:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56



Cheba, я знаю. Просто указал путь для движения. Тем паче, сложно предствить изображение, которое можно расстягивать и сжимать без потери качества. Я знаю только один тип изображений, которым не повредят такие трансформации, - это однородное изображение, т.е. залитое одним цветом smile
PM MAIL ICQ   Вверх
kaa
Дата 8.1.2006, 14:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 817
Регистрация: 5.11.2005

Репутация: 1
Всего: 2



Мдя... Орэшек однако...
PM MAIL   Вверх
Greendrake
Дата 8.1.2006, 15:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 364
Регистрация: 14.7.2005

Репутация: 3
Всего: 6



kaa, я думаю лучше всё-таки предусмотреть вариант дизайна, где этого не требуется. Полно любителей с 21" мониторами, лазиющими по сайтам с окном, свёрнутым до 1000 на 700 скажем, и того меньше, и попеременно разворачивающими окно на весь громадный экран. Ты уверен что твоё изображение, то скомканное, то растянутое, будет производить одинаковое и положительное впечатление? Думаю, нужно просто придумать дизайн с фиксированным по размерам фоном (по крайней мере его рисуночная/фото часть). Справа от рисунка можно поставить растягивающуюся и неброскую заливку.
PM MAIL   Вверх
kaa
Дата 9.1.2006, 01:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 817
Регистрация: 5.11.2005

Репутация: 1
Всего: 2



Greendrake
Мдя, наверное так и придётся сделать... Или "увеличить" фон - так сказать набить пикселами скажем с 800/600 до 1024/768 ?
Как думаете? Кстати, а как запретить в CSS повторять рисунок? Я такого св-ва просто там незнаю.
PM MAIL   Вверх
Illuminaty
Дата 9.1.2006, 01:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56



Цитата(kaa @ 9.1.2006, 02:03 Найти цитируемый пост)
Кстати, а как запретить в CSS повторять рисунок? Я такого св-ва просто там незнаю.
Код
background-repeat: no-repeat;
smile

PM MAIL ICQ   Вверх
kaa
Дата 9.1.2006, 15:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 817
Регистрация: 5.11.2005

Репутация: 1
Всего: 2



Illuminaty
Пасиба, применим!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1228 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.