死于触摸屏的CSS弹出窗口会越来越多吗？

如何解决死于触摸屏的CSS弹出窗口会越来越多吗？

| 我正在设计一个站点（客户门户），将来可能会与移动/触摸屏设备一起使用。过去，我使用过这样的CSS代码：

div.Info
{
    display: inline;
    position: relative;
    text-decoration: none;
}

div.Info span.InfoDetail
{
    display: none;
}

div.Info:hover span.InfoDetail
{
    padding: 3px;
    display: block;
    position: absolute;
    top: 1em; left: 1em;
    border: 3px inset Gray;
    background-color: White; color: #000;
    text-align: left;
    white-space: Nowrap;
    z-index: 25;
}

创建在鼠标悬停时显示的CSS小弹出窗口，它们看起来效果很好。但是，我意识到这在触摸屏上可能会或可能不会起作用，所以我想知道“正确”的行为是什么，因为在有限的触摸屏上似乎没有发现太多的一致性。我已经看过的移动浏览器。我查看了一下，似乎如果对象获得焦点，此悬停事件可能会激活，因此我在http://mad-halfling.webs.com/testcode.htm创建了一些测试代码，如果您看到该弹出窗口，将鼠标悬停在“鼠标悬停以查看详细信息”文本或小向上箭头图像上： 在iOS上（我在商店里找到了一个演示iPad进行测试），这似乎不起作用（我只尝试了文字，因为我只是添加了图片） 在N900上的MicroB上，同时点击文本和图像都会弹出弹出窗口，很好 在N900上的Firefox（我相信是Fennec）上 您对此有何看法-似乎很遗憾，因为它是一种无需使用JavaScript即可制作弹出式窗口的有用方法，但是如果以后无法在触摸屏上使用，我会不得不重新考虑我的策略 干杯 MH

解决方法

鼠标悬停的基本问题（包括将其用于桌面网站时）是没有UI指示行为。 这不是一个明确的答案，但我注意到，在您现在要在移动设备上使用“鼠标悬停”的地方，您可以使用“长按”。问题是，UI上没有任何内容表明该行为。 （为公平起见，没有指示的UI约定已经出现了一段时间，例如双击）。 经验法则可能仍然应该是，就像鼠标悬停一样，关键功能也不需要它们。,为什么不想要弹出窗口的地方附近有一个问号的图像（这似乎是惯用语），并带有一个具有悬停和onclick功能的文档呢？