javascript - Div 是不可见的，但会响应触摸

Question

我没有那么多 exp 和 css。我正在我的 iPhone 中测试 html。问题是有时 div 不可见但它仍然响应触摸。当我通过将 Safari 连接到 Mac 机器进行调试时，它会在检查器中显示 div，但它隐藏在设备上。

当我在我的 ipad 上测试相同的内容时，如果我的 div 不可见并且在纵向模式下，如果我改变方向，它就会变得可见。我不明白这里发生的魔法。需要一些专家指导。我想显示 HTML DIV 并且还需要启用触摸。请帮忙。

这是我正在使用的 CSS:

#container {
  margin-left: 0px;
  margin-top: -20px;
  padding-right: 0px;
  background-position: 0px -2px;
  background-repeat: no-repeat;
  position: absolute;
  -webkit-transform-origin: 0px 0px;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.25, 0.1, 1.0);
  background-color: yellow;
 -webkit-transform-origin-x: 0px;
  -webkit-transform-origin-y: 0px;

 -webkit-transition-duration: 0ms;
 -webkit-transform: translate3d(0px, 0px, 0px);

}

Answer 1

可以使用 CSS pointer-events

尝试设置

div
{
  pointer-events: none;
}