死于触摸屏的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