Блог

У меня есть изображение, и меня просят скопировать приведенный мне пример. в настоящее время я размещаю фоновое изображение и заметил, что приведенный ими пример дал или взял, убрал 100 пикселей сверху и 300 пикселей снизу (я мог только догадываться, какой правильный словарь нужно обрезать).). Я попытался использовать :

 body {
  background-image: url("stuffNthings.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
  

но обнаружили, что при использовании этого блока изображение центрируется как можно дальше от верхнего правого угла и пропускает более 300 пикселей снизу. правая сторона выглядит правильной.

Было бы неплохо узнать, что это за пример, который вы привели, но background-position свойство может быть хорошим в этом случае.

Он выровняет изображение вправо по горизонтали (я предполагаю, что это то, что вы хотите, поскольку вы говорите, что правая сторона изображения выглядит правильно) и увеличит его по вертикали на 100 пикселей (и, надеюсь, оставит 300 пикселей внизу, это зависит от размера изображения, но если страница не будет отображаться на экране одного размера и не будет реагировать, я бы не беспокоился об этом).

 body {
  background-position: right -100px;
}
  

Ознакомьтесь с документами MDN для получения дополнительной информации