Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.96/25: Рейтинг темы: голосов - 25, средняя оценка - 4.96
0 / 0 / 1
Регистрация: 17.11.2015
Сообщений: 83

Размер блока в зависимости от размера фонового изображения

07.12.2016, 15:15. Показов 5083. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Подскажите пожалуйста, как размер блока сделать автоматически равным размеру фонового изображения.(Размер изображения меняется т.к для него стоит ограничение max-width: 100%)
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
07.12.2016, 15:15
Ответы с готовыми решениями:

Размер изображения независящий от размера блока
как сделать чтобы изменялся размер всего блока но размер изображений оставался таким же?

Размер фонового изображения
Доброго времени суток, у меня появился очень нубский вопрос по поводу размера фонового изображения страницы, я хочу его сделать по размерам...

Растягивание фонового изображения внутри блока
Добрый день. Всем-всем неравнодушным к верстке.... У меня есть проблема, над которой я уже не первый день сижу. Поэтому решил...

5
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
07.12.2016, 15:30
Если фон вы задаете тегом img, тогда задайте обертке стиль display:inline-block
0
0 / 0 / 1
Регистрация: 17.11.2015
Сообщений: 83
07.12.2016, 15:36  [ТС]
mrtoxas, Я фон непосредственно в css прописал.
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
07.12.2016, 15:38
Тогда может фоновое изображение подстраивать под размер блока, а не наоборот?
0
0 / 0 / 1
Регистрация: 17.11.2015
Сообщений: 83
08.12.2016, 07:35  [ТС]
mrtoxas, Размер блока же меняется, в зависимости от ширины окна, Но ведь оно растягивается и сужается, в зависимости от размера экрана, то есть высота не статична
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
08.12.2016, 10:35
Лучший ответ Сообщение было отмечено QuickDark как решение

Решение

QuickDark, Размер блока меняется и соответственно, меняется размер фона. Почитайте про стиль background-size.
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
08.12.2016, 10:35
Помогаю со студенческими работами здесь

Изменение размера фонового изображения
При размере окна 1920 пикселей все хорошо, но как только уменьшаю окно до 1024 пикселей, появляется пустое место, предполагаю из-за тега...

Размер таблицы по размеру её фонового изображения
Можно ли сделать размер таблицы таким, чтобы он равнялся размеру её фонового изображения, в независимости от содержимого таблицы? ...

Не получается задать картинку в качестве фонового изображения блока
Подскажите почему я не могу задать картинку в качестве фона блока .block-1 {text-align: center; background-image:url(img/abs.jpg)...

Содержание блока в зависимости от размера экрана
Подскажите, как можно реализовать, если при большом экране имеется блок: <div id="chart"> ..содержимое 1.. </div> ...

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


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Автоматическое создание документа при проведении другого документа
Maks 29.03.2026
Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
Настройка движения справочника по регистру сведений
Maks 29.03.2026
Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .
Команды формы и диалоговое окно
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT?
DevAlt 26.03.2026
Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при создании или изменении элементов справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru