Как я могу установить фон для тела?
Я хочу установить фоновое изображение для тела, но оно работает неправильно. мой коллега прислал мне файл SVG, и я должен установить его в качестве фона, но проблема в том, что изображение не на своем месте. Это то, что я должен установить в Adobe XD
и это то, что у меня есть.
как вы видите, вокруг фона есть пространство, как я могу решить эту проблему.
это мой код.
<body>
some code
</body>
body{
background:url('../../Images/newback.svg');
background-repeat: no-repeat;
background-position: center;
}
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 4
Это может быть из-за поля или заполнения
попробуйте установить margin и padding на 0; и размер фона до 100%.
body{
background:url('../../Images/newback.svg');
background-repeat: no-repeat;
background-size: 100%;
margin:0;
padding:0;
}
Вы не хотите использовать это решение, вы сможете увидеть поля, если экран не имеет того же соотношения сторон, что и изображение, background-size: cover — лучший вариант, с медиа-запросом с определенным фоном для портретных / мобильных устройств .
Используйте background-size: cover;
Может не работать в старых браузерах, также посмотрите здесь CSS трюки
Это может быть связано с проблемой ширины фона%
background-size: 100%
Попробуйте добавить это и посмотрите, работает ли это
хорошим правилом является установка полей и отступов на 0 в начале.
*{
Margin: 0;
Padding: 0;
}
Попробуйте добавить атрибут ширины?