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



 

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

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

Открыть тему
Тема закрыта
> Как растянуть бэкграунд по размерам div'а?
_Jakut_
_Jakut_
Topic Starter сообщение 17.10.2007, 22:49; Ответить: _Jakut_
Сообщение #1


Помогите советом, как растянуть фоновый рисунок, если он меньше самого объекта(div'а), так чтоб он маштабировался под размер объекта?????????????
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 18.10.2007, 11:30; Ответить: Webmaster_hb
Сообщение #2


фоновые рисунки, указанные как background-image не растягиваются
чтобы добится эффекта заливки, используют повторяющийся фон, который делает эффект полной картинки

если это не подходит, то можно попробовать использовать слои, когда один слой, это ваша картинка, а второй поверх первого - это ваши данные
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
_Jakut_
_Jakut_
Topic Starter сообщение 18.10.2007, 21:54; Ответить: _Jakut_
Сообщение #3


Спасибо, буду хоть знать, что это сделать нельзя!!!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Pfffff
Pfffff
сообщение 5.7.2012, 14:20; Ответить: Pfffff
Сообщение #4


background-size: cover;

B)B)B)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Muxa_hb
Muxa_hb
сообщение 5.7.2012, 14:39; Ответить: Muxa_hb
Сообщение #5


(Pfffff @ 5.7.2012, 17:20) *
Невозможное возможно:
background-size: cover;

а еще лучше вот так: [CSS]background-size: 100% 100%;[/CSS] хотя смотря в какой ситуации
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bugnet
Bugnet
сообщение 5.7.2012, 15:02; Ответить: Bugnet
Сообщение #6


(_Jakut_ @ 18.10.2007, 01:49) *
Помогите советом, как растянуть фоновый рисунок, если он меньше самого объекта(div'а), так чтоб он маштабировался под размер объекта?????????????

Была такая тема. Вот готовил для неё демонстрацию. Растянул background-image (реальный размер картинки 400х400). на див размером 600х600 ссылка.
Когда столь авторитетные товарищи говорят, что это не возможно, я начинаю сомневаться, а правильно ли я понял вопрос!?
С кроссбраузерностью проблем не замечал.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cyber_ua
cyber_ua
сообщение 5.7.2012, 15:02; Ответить: cyber_ua
Сообщение #7


(Muxa_hb @ 5.7.2012, 17:39) *
а еще лучше вот так: [CSS]background-size: 100% 100%;[/CSS] хотя смотря в какой ситуации


угу, а про кроссбраузерность все забыли?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Muxa_hb
Muxa_hb
сообщение 5.7.2012, 15:10; Ответить: Muxa_hb
Сообщение #8


(cyber_ua @ 5.7.2012, 18:02) *
угу, а про кроссбраузерность все забыли?

Safari до версии 4.1 и Chrome до версии 3.0 используют нестандартное свойство -webkit-background-size.

Opera до версии 10.53 использует нестандартное свойство -o-background-size.

Firefox до версии 4.0 использует нестандартное свойство -moz-background-size.

кому надо тот и поиском может воспользоваться
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cyber_ua
cyber_ua
сообщение 5.7.2012, 15:13; Ответить: cyber_ua
Сообщение #9


вот та это делают профи http://www.browsersupport.net/ =)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 5.7.2012, 18:21; Ответить: Zippovich
Сообщение #10


про картинку верный совет - и совсем не сложный в реализации.

совет по background-size и cover не подойдет в 100% случаев

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1120 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2291 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3917 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3644 24.3.2024, 20:55
автор: Liudmila
Открытая тема (нет новых ответов) Через какой браузер и как можно найти в кэшэ браузера видео
10 Room 1934 23.3.2024, 7:41
автор: Room


 



RSS Текстовая версия Сейчас: 29.3.2024, 2:29
Дизайн