悬停不在IE中工作

时间:2012-09-25 10:04:19

标签: css internet-explorer

有人可以帮我看一下吗,

以下是我网站的链接:

http://mojogobbles.com.sg/cupcake-menu/

这是我对div类的css编码以及html

CSS

#f1{
 width: 100px;
 height: 50px;
 left: 370px;
 top: 450px;
 background:black;
 position: absolute;
 opacity:0;
 filter: alpha(opacity=0);
 float: left;
 -webkit-transition: 1s all;
 -moz-transition: 1s all;
 transition: 1s all;
 }
#f1:hover {
 background:url(images/flavours/f1.jpg);
 width: 320px;
 height: 320px;
 opacity:100;
 filter: alpha(opacity=100);
 float: left;
 position: absolute;
 }

HTML

<div id="f1"></div>

悬停不适用于IE! 非常感谢提前!

2 个答案:

答案 0 :(得分:1)

取决于哪个版本的IE ...我认为&lt; 7不支持:hover伪类,而不是预期的锚a元素。

编辑,这也可能有助于IE7:

:hover pseudo-class of CSS does not work in IE7

答案 1 :(得分:1)

尝试在页面顶部添加HTML 4.01 Strict DOCTYPE,以使其在IE中运行。

这适用于IE&gt; = 7