悬停状态消失ie8

我有点IE8的问题（听起来很熟悉？）悬停状态消失ie8

我有一个按钮。当您将鼠标悬停在按钮上时，悬停状态会生成一个内部具有html的较大框。在这个特殊情况下，它是一个小型音乐播放器。

所以它是这样的，当你将鼠标悬停在按钮上时，它会产生一个带有可点击链接和一些文本的小型音乐播放器。您可以将鼠标移动到此盒子的任何位置，但只要您离开盒子/音乐播放器，悬停状态就会消失。对不起，但我不知道如何解释它。

除IE8以外，这一切都是有效的。

在IE8中，只要鼠标离开原始小按钮，悬停状态就消失。因此导航音乐播放器变得不可能。

现在我已经注意到，当悬停框中没有html时，它可以正常工作，但是当有html（在这种情况下是iframe）时，只要我触摸悬停框内的任何html，就会丢失悬停。所以它看起来像问题不是悬停框，但框内的代码，使其失去焦点

我想知道的是，这是一个在IE8中的已知问题，或者它可能只是错误的编码从我身边。在这种情况下，我可以发布CSS。

任何信息将帮助很多

感谢

2013-07-30 Piet Bez

阅读此：http://meta.stackexchange.com/questions/125997/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste-a-link- to-it –

http://jsfiddle.net/pietbez/b9Z5G/ –

似乎你的问题不说谎悬停本身。首先你假设窗户高度，如果高度不同，你的项目看起来很奇怪。假设你对这样的假设做了一些非常精确的计算，你的问题可能是盒子模型问题。 box-sizing:border-box可能会有所帮助，但是您必须重新计算所有内容。

此外，您还可以在元素隐藏/下拉之前使用超时，以便微型鼠标移动不会晃动元素，也许可以“捕捉”它们。

考虑到这两点，所有悬停的问题应该是可以解决的。

2013-07-30 22:02:06 Nux

http://jsfiddle.net/pietbez/b9Z5G/ –

好的，对不起，我的newbe接近这个，仍然在学习，二极管，我完全理解，我有现在把代码放在js小提琴上。 nux，谢谢你。我会检查一下。我也很难测试IE8，因为即时通讯在mac和vertualbox带来我的机器到膝盖 –

好吧，所以这是我得到真正愚蠢的..超时，是在JS或CSS设置？ –

我遇到了问题：HOVER在IE8中声明，我注意到相同的CSS（甚至指向相同的外部CSS文件）在一些页面上工作，但没有其他页面。对我而言，解决方案是始终将DOCTYPE添加到所有页面的顶部（位于开始的HTML标记上方）。

现在看起来很明显，但有时（特别是在编辑旧网站时）DOCTYPE并不总是被指定。

我希望这有助于！

2013-09-10 11:16:37 Shane

回答