Графика/Дизайн | Не выводит фон сайта
Всем приветос,
Тут такая проблема делаю вап открытку на хтмл и css с телефона, все получилось, все чётко.
Только не могу понять почему фон не могу поставить изображением,
Картинка лежит в корне как и фал index.html
Что только не делал, и так пробовал (.. /) и так (/папка/картинка)
Не выходит
________
посл. ред. 08.12.2021 в 00:59; всего 1 раз(а); by 652591566
Тут такая проблема делаю вап открытку на хтмл и css с телефона, все получилось, все чётко.
Только не могу понять почему фон не могу поставить изображением,
css
background-image:url('fon.png'); Картинка лежит в корне как и фал index.html
Что только не делал, и так пробовал (.. /) и так (/папка/картинка)
Не выходит
________
посл. ред. 08.12.2021 в 00:59; всего 1 раз(а); by 652591566
652591566 , кеш почисти, возможно проблема была решена 🐎
578660880 , ща попробую
578660880 , не помогло
Высоту и ширину добавь
css
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-adap...iem-css.html очень подробно , сам сможешь без подсказок в дальнейшем
________
посл. ред. 08.12.2021 в 09:46; всего 1 раз(а); by Чингачкуг
________
посл. ред. 08.12.2021 в 09:46; всего 1 раз(а); by Чингачкуг
DELETED
8 декабря 2021, в 11:26
Delete
HTML
html
<div class="background">
<!-- Открытка -->
</div> CSS
css
/* Если нужно, чтобы картинка была на всю страницу */
body {
height: 100vh;
background: url(https://bym.guru/files/avatars/104171_150.jpg) no-repeat;
background-size: cover;
}
/* Если нужно, чтобы картинка была в определенном блоке */
.background {
background: url(https://bym.guru/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