Div 不可见，但对触摸有反应答案

【问题标题】：Div is invisible but responds to touchDiv 不可见，但对触摸有反应
【发布时间】：2014-02-01 02:27:24
【问题描述】：

我没有那么多的 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);

}

【问题讨论】：

您使用的负边距为 -20px。也许这就是你看不到你的 div 的原因
问题是您希望 div 可见但不可见，还是您不希望它响应点击但它确实存在？我们需要知道您想做什么，然后才能给您一个好的答案。
但是 div 的高度是动态的，并且延伸到设备的高度。尽管边距是-20px。显然，它应该适合设备的大小。不管怎样，我会试一试并更新你
@DiMono，我希望显示 div 并响应触摸。它以某种方式被隐藏了
@MarsOne，我删除了负边距。仍然有同样的问题

标签： javascript html ios css uiwebview

【解决方案1】：

可以使用 CSS pointer-events

尝试设置

div
{
  pointer-events: none;
}

【讨论】：

很抱歉给您带来了困惑。我已经编辑了这个问题。我需要使 div 可见并响应触摸。

【解决方案2】：

对于不同的视口（不同的屏幕宽度），更喜欢使用css到Media Queries，这是目前的首选方法。

【讨论】：