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到Media Queries，这是目前首选的方法。

Answer 2

可以使用CSS pointer-events

完成

尝试设置

div
{
  pointer-events: none;
}

Div是隐形的，但对触摸有反应

2 个答案: