Question

我试图从左侧或右侧为背景图像提供空间。

正如您在该图片中看到的那样，第一个扇区很好，背景图片左侧有空格，内容块就是我想要的。

第二个扇区应该是相反的，内容块右边和左边的图像。

我通过以下方式解决了这个问题：

background: url(/bilder/2.jpg);
background-position-x: 300px;
background-repeat: no-repeat;
background-size: cover;

表示第一个块，但是对于第二个块，这个CSS不起作用

background: url(/bilder/2.jpg);
background-position-x: -300px;
background-repeat: no-repeat;
background-size: cover;

是否有可能为margin-left或margin-right？

提供背景图片

Answer 1

您可以移动背景图片。例如：

background-position: right 20px bottom: 10px;

也许您应该向我们展示您的HTML代码。

Answer 2

background-position-x测量距左边框的距离，因此您应该使用background-position-x: 20px;（大约）来拍摄第二张图像。

但我不会在这里使用background-size: cover（它真的涵盖了整个元素/ div），我想知道你是否真的在你发布过它的图像的页面上使用过它？

Answer 3

感谢您的第一个想法，我玩了一下，认为我解决了另一个问题

如你所见，图片布局很好（在大屏幕上），但现在，我怎样才能获得图片的位置。在第2部分中，我可以看到图像的右侧部分，而骑车人则位于图片的左侧部分。