在 CSS 中，你可以使用 float 属性来控制图片在 background-img 层的下面浮动。以下是一个简单的示例：

```css div { position: relative; width: 200px; height: 200px; background-image: url('your-image-url'); background-position: bottom left; background-repeat: no-repeat; background-size: cover; }

div::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('your-image-url'); background-position: bottom right; background-repeat: no-repeat; background-size: cover; z-index: 1; } ```

在这个示例中，我们首先在 div 元素上设置了 position 属性为 relative，以便于更好地控制图片的相对位置。然后，我们设置了图片的 background-image 属性为 url('your-image-url')，并将图片的 background-position 设置为 bottom left。这样，图片就会在 background-img 层的下面浮动。

接着，我们在 div 元素的 ::before 元素上设置了同样内容，设置了 position 属性为 absolute，这样图片就会在 div 元素的 ::before 元素的下面浮动。top 和 left 属性设置为 0，以便于让图片完全覆盖 div 元素。width 和 height 属性设置为 100%，以便于让图片完全覆盖 div 元素的整个内容。background-image 属性设置为 url('your-image-url')，与 background-position 设置相同。background-repeat 设置为 no-repeat，以确保图片不会重复显示。background-size 设置为 cover，以确保图片的大小完全覆盖 div 元素的内容。z-index 设置为 1，以便于让图片的浮动位置始终高于其他元素。