Графика/Дизайн | Не выводит фон сайта
Всем приветос,
Тут такая проблема делаю вап открытку на хтмл и css с телефона, все получилось, все чётко.
Только не могу понять почему фон не могу поставить изображением,
Картинка лежит в корне как и фал index.html
Что только не делал, и так пробовал (.. /) и так (/папка/картинка)
Не выходит
________
посл. ред. 08.12.2021 в 00:59; всего 1 раз(а); by 652591566
Тут такая проблема делаю вап открытку на хтмл и css с телефона, все получилось, все чётко.
Только не могу понять почему фон не могу поставить изображением,
background-image:url('fon.png');
Картинка лежит в корне как и фал index.html
Что только не делал, и так пробовал (.. /) и так (/папка/картинка)
Не выходит
________
посл. ред. 08.12.2021 в 00:59; всего 1 раз(а); by 652591566
652591566, кеш почисти, возможно проблема была решена 🐎
578660880, ща попробую
578660880, не помогло
Высоту и ширину добавь
html {
background: url(путь к картинке для фона) no-repeat center fixed cover;
}
________
посл. ред. 08.12.2021 в 04:13; всего 1 раз(а); by Вилы Выкидные
Jack Sparrow, дело в том ещё что ставлю обычную картинку <img src='' > она не выводится
652591566,
<img src ="путь картинки ">
<img src ="путь картинки ">
https://www.internet-technologies.ru/articles/polnostyu-adaptivnyy-f...ovaniem-css.html очень подробно , сам сможешь без подсказок в дальнейшем
________
посл. ред. 08.12.2021 в 09:46; всего 1 раз(а); by Чингачкуг
________
посл. ред. 08.12.2021 в 09:46; всего 1 раз(а); by Чингачкуг

DELETED
8 декабря 2021, в 11:26
Delete
HTML
<div class="background">
<!-- Открытка -->
</div>
CSS
/* Если нужно, чтобы картинка была на всю страницу */
body {
height: 100vh;
background: url(https://bymas.ru/files/avatars/104171_150.jpg ) no-repeat;
background-size: cover;
}
/* Если нужно, чтобы картинка была в определенном блоке */
.background {
background: url(https://bymas.ru/files/avatars/104171_150.jpg ) no-repeat;
height: 100%; /* Высота в 100% задаётся, если у body или родителя есть указанная высота, в этом примере высота указана в body. Так же заместо процентов можно использовать другие единицы, например пиксели. */
width: 100%;
padding: 10px;
}
________
посл. ред. 08.12.2021 в 11:28; всего 2 раз(а); by Loll_lark