Здравствуйте.
Пытаюсь сделать, чтобы шапка была строго заданного размера во всю высоту фонового изображения и отображалась корректно на всех разрешениях экрана.
а то когда я вставляю сейчас прозрачный фон, я подгоняю под свое разрешение экрана, у меня гуд, а у коллеги разрешение экрана больше и он видит только половинку картинки.
Для шапки сайта задан следующий стиль.
.shapka {
overflow: hidden; /* clearfix */
padding: 130px 0 55px;
background-image: url(/bitrix/templates/inner/img/name.png) !important;
background-color: #454a4d;
background-size: cover;
background-repeat: no-repeat;
color: #fff;
}
Параметр background-size: cover - Масштабирует фоновое изображение согласно заданным размерам. То есть и шапка и фоновое изображение "резиновые" по высоте.
Нужно, чтобы фоновое изображение не тянулось, а имело бы строго заданный размер, масштабируемый под браузеры. Простите за каламбур
Подскажите, плз
Пытаюсь сделать, чтобы шапка была строго заданного размера во всю высоту фонового изображения и отображалась корректно на всех разрешениях экрана.
а то когда я вставляю сейчас прозрачный фон, я подгоняю под свое разрешение экрана, у меня гуд, а у коллеги разрешение экрана больше и он видит только половинку картинки.
Для шапки сайта задан следующий стиль.
.shapka {
overflow: hidden; /* clearfix */
padding: 130px 0 55px;
background-image: url(/bitrix/templates/inner/img/name.png) !important;
background-color: #454a4d;
background-size: cover;
background-repeat: no-repeat;
color: #fff;
}
Параметр background-size: cover - Масштабирует фоновое изображение согласно заданным размерам. То есть и шапка и фоновое изображение "резиновые" по высоте.
Нужно, чтобы фоновое изображение не тянулось, а имело бы строго заданный размер, масштабируемый под браузеры. Простите за каламбур
Подскажите, плз
