Я хочу сделать множественный фон (вода и рыба). Рыбе хочу задать определенное местоположение, например background-position: right center
. Но замечаю, что это свойство не будет работать, пока не будут заданы width/height. Я задаю body width: 100%
, a height: 500px
. Но тем не менее height у меня отображается больше, чем указано. Почему так? И безопасно ли так делать, чтоб указать рыбе четкое местоположение.
.body { background-image: url(https://i.postimg.cc/85M83Lxc/f383ffc7d288687b64ea6ee11b3494c6.jpg), url(https://i.postimg.cc/fLhqVpgW/depositphotos-24216433-stock-photo-seamless-water-texture.jpg); background-size: 100px, auto; background-repeat: no-repeat, repeat;background-position: right center, 0 0; width: 100%; height: 500px;}
*Под безопасно я имею в виду не вызовет ли такой способ каких-то лагов в будущем, когда на странице будет больше элементов и контента.