网页制作将图层2放在图层1位置，当点击按钮时图层1切换为图层2.

网页制作中，通常使用HTML、CSS以及JavaScript来实现这样的交互效果。首先，你需要创建两个div元素，分别作为图层1和图层2，并通过CSS将其定位为你想放置的位置。例如：

<div id="layer1" class="hidden">图层1的内容</div>
<div id="layer2" style="display:none;">图层2的内容</div>

<button onclick="switchLayers()">点击切换</button>

然后，在CSS中隐藏默认显示的图层1：

.hidden {
  display: none;
}

接着，在JavaScript中编写`switchLayers`函数，当点击按钮时动态切换两层的显示状态：

function switchLayers() {
  var layer1 = document.getElementById("layer1");
  var layer2 = document.getElementById("layer2");

  if (layer1.style.display === "none") {
    layer1.style.display = "block";
    layer2.style.display = "none";
  } else {
    layer1.style.display = "none";
    layer2.style.display = "block";
  }
}

这样，每次点击按钮，图层1就会被隐藏，图层2显示出来，反之亦然。