Html 延迟：使用CSS悬停？

我有一个菜单，onHover会弹出一个信息框，告诉你按钮的功能。我如何应用一个延迟，以便在我将鼠标放在按钮上一秒钟后，框自动弹出

HTML:

<td class="info"><a id="login-edit_account" href="../login-edit_account.php">Edit account<span><div id="pointer"></div><p style="font-size:11px">Edit user's information.</p></span></a></td>

td.info                     {
                            position:relative; /*this is the key*/
                            z-index:24; background-color:#ccc;
                            color:#000;
                            text-decoration:none
                            }

td.info:hover               {
                            z-index:25;
                            background-color:#fff
                            }

td.info span                {
                            display: none;
                            transition: 0s display;
                            }

td.info:hover span          { /*the span will display just on :hover state*/
                            display:block;
                            position:absolute;
                            top:42px; left:7px;
                            width:210px;
                            border:2px solid #0cf;
                            padding: 5px;
                            background-color:#fff; color:#000;
                            text-align: center;
                            -webkit-transition-delay:5s;
                            }

#pointer                    {
                            border:solid 10px transparent;
                            border-bottom-color:#0cf;
                            position:absolute;
                            margin:-27px 0px 0px 10px;
                            }

是的，您可以使用CSS3延迟

：hover

效果

CSS转换是CSS3规范集的一部分， 提供一种在更改CSS属性时控制动画速度的方法。 不必让属性更改立即生效，您可以 使属性中的更改在一段时间内发生。 例如，如果将元素的颜色从白色更改为 黑色，通常变化是瞬间的。使用CSS转换 如果启用，则在加速后的时间间隔内发生更改 曲线，所有这些都可以自定义

在你的情况下，我认为你需要把重点放在财产上

以下是一些关于使用转换/示例用例的有用链接：

---

这真的很简单。例如：

a {
    -webkit-transition: 1s 3s;
}

a:hover {
    background-color: red;
}

当用户悬停链接时，浏览器将等待3秒钟。只有当这些秒过去后，背景才会转换为红色（在这种情况下，转换时间为1s）

---

这里有一个小问题：

谢谢你的回答……我找到了这个解决方案，但它不起作用anything@AlesSvetina您使用的是哪种浏览器？你试过看我链接的例子吗？应该能用的，我用的是Chrome。我试过IE，但也没有work@AlesSvetina它在IE中不起作用，但在Chrome中应该起作用，你看过我链接到你的关于-webkit transition，-moz transiton等的文档了吗？w3学校将链接改为

http://www.w3schools.com/css/css3_transitions.asp

（删除了

/css/

上的3，因为它的1个字符，所以我无法更正：）