0

Can someone help me take a look at this please,

Here is the link to my website:

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

Here is my css coding for the div class and also the 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>

The hover does not work for IE! Many thanks in advance!

4

2 回答 2

1

尝试在页面顶部添加 HTML 4.01 Strict DOCTYPE以使其在 IE 中工作。

这是IE> = 7

于 2012-09-25T10:10:39.933 回答
1

取决于 IE 的哪个版本...我认为 < 7 不支持除预期锚a元素之外的任何元素上的 :hover 伪类。

编辑，这也可能对 IE7 有所帮助：

:hover CSS 的伪类在 IE7 中不起作用

于 2012-09-25T10:06:38.643 回答