X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Размер фонового изображения на странице
jeka101
jeka101
Topic Starter сообщение 13.11.2011, 3:43; Ответить: jeka101
Сообщение #1


Всем доброй ночи.
Возникла проблемка.
Есть дизайн уже собраный и практически полностью настроеный.
Но вот проблема, сайт имеет фоновую картинку а изначально сайт писался под широкоформатный монитор тоесть 1920х1080.
Картинка впринципе такая что не сильно растроит посетителя если не будет полностью видна, но я хочу решить эту задачку.
Я знаю что картинку на 1280х1024 не получиться показать как на ФуллХД, меня интересует собственно возможно-ли при помощи css управлять вертикальным разрешением картинки?
Конкретно: сжимать все изображение под 1280х1024 будет уродство, поэтому нужно формировать разрешение картинки опираясь от количества % уменьшеной вертикали, ну и позиционировать ее по центру.
Сайт предназначаеться для широкой аудитории, к примеру на ноутбуках вообще нужно вертикаль уменьшать до 768пх.
В данный момент картинка размешена простым способом:
[CSS]body {
position:absolute;
z-index:1;
width:100%;
height:100%;
background-position:top center;
background-image: url(../img/bgsit.jpg) ;
background-color:#000000;
background-repeat:no-repeat;
background-attachment:fixed;
}[/CSS]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
jeka101
jeka101
Topic Starter сообщение 13.11.2011, 4:08; Ответить: jeka101
Сообщение #2


Да ещё откропал такой параметр [CSS]background-size:100%;[/CSS]
Этот вариант то что мне нужно практически, только проблема в том что он по ширине а не повысоте регулирует.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Очень
Очень
сообщение 13.11.2011, 16:13; Ответить: Очень
Сообщение #3


вставляете просто картинку в div, и задаете
<div class="img_bb"><img src="путь к картинке" width="100%" height="100%" class="img_body"/></div>

[CSS].img_bb {position:absolute;}
.img_body {width:100%;height:100%;}[/CSS]

картинка будет растягиваться под весь монитор
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
jeka101
jeka101
Topic Starter сообщение 13.11.2011, 17:06; Ответить: jeka101
Сообщение #4


Я выяснил можно и:[CSS]background-size:100% 100%;[/CSS]
Но оно и ваше вышеописаное не подходят, получаеться если у мя формат страницы будет слишком широкий: предположим браузер растянут по шире больше то картинка слишком вытянутая, если сделать ширину auto то на оборот по краям черный фон так как картинка сохраняет форматность и поэтому ширины не хватает.
Самый умный вариант это [CSS]background-size:cover;[/CSS] - слегка высота привышает норму(тоесть заступает за фон) но зато пропрции правильные и на всех мониторах хорошо смотрица.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pavelsc
pavelsc
сообщение 14.11.2011, 2:47; Ответить: pavelsc
Сообщение #5


(jeka101 @ 13.11.2011, 20:06) *
и на всех мониторах хорошо смотрица

и до IE9 не поддерживается

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) SEO-текст на главной странице сайта и в категориях
5 boltuk 1429 26.3.2024, 21:43
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Сделать правки на html-странице
5 TABAK 2308 20.5.2023, 10:45
автор: EvilGomel
Открытая тема (нет новых ответов) Изображения с shutterstock от 15 рублей/штука
5 Mr_Big 3670 10.9.2017, 21:30
автор: Palundra
Открытая тема (нет новых ответов) Продаю 160 статей, размер от 2000 символов, копирайт.
Разные тематики, желательно все сразу
2 vminske 2776 29.12.2016, 15:16
автор: vminske
Открытая тема (нет новых ответов) Вывод изображения при наведения на часть картинки по area
1 androv77 4843 16.7.2016, 17:32
автор: -YroKPROG-


 



RSS Текстовая версия Сейчас: 24.4.2024, 12:00
Дизайн