当前位置:  开发笔记 > 前端 > 正文

伪类:悬停在IE7中不起作用

如何解决《伪类:悬停在IE7中不起作用》经验,为你挑选了1个好方法。

我有这么简单的代码:

Foo
Bar

这个CSS:

.div1{
  position: relative;
}
.div1 .div3 {
  position: absolute;
  top: 30px;
  left: 0px;
  width: 250px;
  display: none;
}
.div1:hover .div3 {
  display: block;
}
.div2{
  width: 200px;
  height: 30px;
  background: red;
}
.div4 {
  background-color: green;
  color: #000;  
}
.div5 {}

问题是:当我将光标移动.div2.div3(.div3应该保持可见,因为它是孩子的.div1)时,将禁用悬停.我在IE7中测试它,在FF中工作正常.我究竟做错了什么?我也意识到,当我删除.div5标签而不是它正在工作时.有任何想法吗?



1> Justin Polie..:

:hover除非明确指定doctype,否则IE7将不允许您将伪类应用于非锚元素.只需在页面中添加doctype声明即可完美运行.


有关IE7/quirks模式的更多信息,请参阅此博客文章.

推荐阅读
mobiledu2402852413
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有