0

我对css没有那么多的exp。我正在测试我的 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);

}
4

2 回答 2

0

可以使用 CSS 来完成pointer-events

尝试设置

div
{
  pointer-events: none;
}
于 2013-08-28T06:20:53.140 回答
0

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

于 2013-08-28T06:01:30.603 回答