html - 多张背景图片

Question

首先，一个警告，我从 html/css 中断了几年回来，几乎忘记了一切，所以我又处于新手级别。

我一直在尝试添加背景图片 - 一张在左上角，一张在右下角。我现在拥有的可以在这里看到:http://test.nihongohub.com/Mainsite/firstsite.php如您所见，如果您更改浏览器的宽度，包含 img 的 div 将击中我的主要部分并毁掉它。

我已经尝试了一些关于堆栈溢出的修复建议，但都没有奏效。有没有人有任何建议如何解决这个问题。有 friend 建议我把img加到footer上，然后挤出来，我不喜欢这个主意。

我想让这张图片做 2 件事，随浏览器窗口移动，并能够转到我的主页后面。

感谢您提供的任何帮助

Answer 1

您可以尝试使用固定定位并使用 z-index 将其移动到后面，即。

#bottom_leaf_holder {
  position: fixed;
  bottom: 50px;
  right: 0;
  z-index: -1;
}

编辑:我提到了fixed，改变了答案。