CSS-仅左上角部分显示图像背景

Question

我正在尝试将this图片作为背景，但是当我使用此code时：

const Directions = Object.freeze({ NORTH: 0, EAST: 1, SOUTH: 2, WEST: 3, }); ...仅显示top-left部分。

Answer 1

您可以使用：

  background-size: cover; 

您可以找到有关背景大小属性here的文档：

Answer 2

尝试以下背景属性

body {
background-image: url('./image.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

Answer 3

使用background-size样式来修改背景图像在父级中的大小和位置。 MDN docs。

body {
  background: url('https://i.stack.imgur.com/n3OMH.jpg') no-repeat;
  background-size: cover;
}

Answer 4

尝试一下：

 background-size: 100% 100%; /*first value is for width and next for height. If you use only first of them, it will be used as width, and height will be auto*/

或

background-size: cover;