使用iframe作为背景而不禁用鼠标手势/事件

Question

所以我做了一个小的dat.GUI应用程序我想在我的网站上用作背景，但是当我插入它时它要么没有使用正确的尺寸，要么禁用鼠标事件（在这种情况下，鼠标点击）。这就是我现在使用的：

CSS：

/* The container that contains text & buttons (this needs to be clickable as well */
.hero > .container {
  margin: 1em 0;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 60vh; 
    z-index: 2;
    top: 0;
    left: 0;
    overflow: auto;
    position: absolute;
}

/* The iframe itself */
iframe { 
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 60vh;
}

我希望你们能帮助我。如果它有点帮助，我尝试此操作的网站是http://guuslieben.nl/ ..

提前致谢！