MMGP logo
Присоединяйтесь к нашему инвестиционному форуму, на котором уже 649,421 пользователей. Чтобы получить доступ ко многим закрытым разделам и начать общение - зарегистрируйтесь прямо сейчас.
Обсуждение веб-дизайна. Здесь можно получить помощь по вопросам HTML/CSS и т.д.
Первый пост Опции темы
Старый 05.04.2018, 00:07
#1
 
Регистрация: 03.04.2018
Сообщений: 1
Благодарностей: 0
здраствуйте , у меня такая проблема фон. изображения отступается вверх: за границы браузера, при полном экране , а когда я меняю размер окна то всё нормализируется.

Вот код в css: body {
background: url(url//////////) no-repeat center center fixed;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;


}
изображение внизу
там и сама проблема

добавлено через 2 минуты
Бред полный, не могу вставлять изображения

serving.photos.photobox.com/68082683187f1e7b03391312521b2f908cb8f0e48011b08575 cb6c30a7c3052c74b172dd .jpg

dropbox.com/s/jdtpd1owriv6cma/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%2 02018-04-04%2022.46.58 .png?dl=0
gevthug вне форума
Старый 13.07.2023, 16:48
#2
Интересующийся
 
Пол: Мужской
Регистрация: 03.04.2021
Сообщений: 166
Благодарностей: 0
Re: Проблемы с фоном в css

Проблема связана с тем, что вы используете фиксированное позиционирование фонового изображения в CSS (background: url(url//////////) no-repeat center center fixed

Для исправления этой проблемы вы можете попробовать использовать альтернативный подход, используя значения background-attachment: fixed; и background-position: center; вместо background: url(url//////////) no-repeat center center fixed;. Попробуйте изменить ваш CSS-код следующим образом:

body {
background-image: url(////);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}
zombie-cash вне форума
Старый 02.08.2024, 20:09
#3
Интересующийся
 
Пол: Мужской
Инвестирую в: Другое
Регистрация: 02.08.2024
Сообщений: 7
Благодарностей: 0
Re: Проблемы с фоном в css

нужно поменять просто на

-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;

и изображение будет целиком вмещаться в блок, не вылезая за его пределы
MR-Billioner вне форума
Войдите, чтобы оставить комментарий.
Быстрый переход