Css 悬停状态在ie8中消失

我有点IE8问题（听起来熟悉吗？）

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

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

除了IE8之外，这一切都很有效

在IE8中，鼠标一离开原来的小按钮，悬停状态就会消失。因此，在音乐播放器周围导航变得不可能

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

---

我想知道的是，这是IE8中的一个已知问题，还是我这边的编码不好。在这种情况下，我可以发布css。

您的问题似乎不在于悬停本身。首先，假设窗口有一定的高度，如果高度不同，你的项目看起来很奇怪。假设你在这些假设上做了一些非常精确的计算，那么你的问题可能就是盒子模型问题<代码>框大小：边框框可能会有所帮助，但您必须重新计算所有内容

此外，您还可以在元素隐藏/下拉之前使用timeout，这样鼠标的微动不会震动元素，并可能允许“捕捉”它们

考虑到这两件事，所有悬而未决的问题都应该是可以解决的

---

编辑：对于iframe hover，请看：。

我在IE8中也遇到了：hover状态的问题，我注意到相同的CSS（甚至指向相同的外部CSS文件）在某些页面上有效，但在其他页面上无效。对我来说，解决方案是在所有页面的顶部（起始HTML标记上方）始终添加DOCTYPE

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

---

我希望这有帮助

读这篇文章：好吧，很抱歉我的新手方法，仍然在学习，迪奥德乌斯，我完全理解了，我现在已经把代码放到js小提琴上了。努克斯，谢谢你。我会查一查。对我来说，在IE8上测试也很难，因为我在mac上，vertualbox将我的机器带到了kneesok，所以这就是我变得非常愚蠢的地方。。超时是用JS还是css设置的？哦，iframe。那么我认为没有JavaScript它是无法工作的。我已经添加了一个类似问题的链接。谢谢Nux，我已经坐了4天了，这解决了我的问题。然而（不总是有）现在我的小播放器工作了。悬停时，玩家悬停，离开，玩家离开。但当我在播放器中播放任何歌曲时，鼠标移开时，悬停状态不会隐藏。暂停这首歌，它又能唱了。这是一个问题，因为我需要播放器在后台播放，并且只有当用户再次调用它来更改曲目时才会重新播放。再一次，这只是个问题。难道所有的网络开发者不能联合起来抵制IE吗！！