Question

我使用的是divi wordpress主题，并且我试图为连续四列的中心提供背景图像

原来它涵盖了所有模块，但是使用background-position属性，我可以将其移至第一个模块，现在，我需要在另一侧做同样的事情图片停在第4个模块，而不是继续

我尝试按比例缩小图像，并且还查找了各种搜索内容，例如“剪裁CSS图像”，“更改背景图像CSS的终点”以及其他一些没有运气的

我当前使用的创建上面图像的代码是

    background-image: url('https://technologyforthefuture.org/wp-content/uploads/2019/02/founder-statement-bg.jpg');
    background-position: 300px;

我想要的摘要是（看上图）我如何将图像设置为从第二个模块开始，我想依次使图像在第五个模块之后结束（在该位置显示“下一个事件” ）

Answer 1

您可以在第一列和最后一列中添加自定义背景，以掩盖该行的背景图像。 1.将行设置为全角，装订线为0。 2.均衡柱高。 3.将行的背景图像设置为要跨越多列的图像。 4.将第一列和最后一列的背景设置为其他内容（无论您想要什么）。

或者根据您希望通过此行实现的功能，可以简单地为此行设置自定义宽度（使其变小），而不必使用第一列和最后一列作为分隔符。然后将列配置设置为4宽而不是6。

Answer 2

您似乎正在寻找clip-path或background-clip。