Php Div类显示器采用chrome&；firefox，但不是IE

有人能帮我看看这个吗？我发现了一个类似的问题

但我不明白它是如何工作的，多边形填充的是什么

以下是我的网站链接：

下面是我对div类和html/php的css编码

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/PHP

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

div类没有出现在IE中，请帮助

---

非常感谢

不要使用伪类

：将
悬停在
DIV
上，IE很可能会完全忽略它-尝试使用
a
标记，或者附加到
onmouseover
和
onmouseout
事件上更改此选项：

filter: alpha(opacity=1);

进入

在Alpha过滤器内使用时，不透明度的范围为0-100，因此当前设置等于不透明度：0.01
如果在IE中使用
div:hover
代码，则不会发生任何情况

这是因为IE仅支持htc的hover psuedo将有助于解决
div:hover
的IE浏览器问题。像下面一样导入htc

<!--[if IE]>
<style>
body { behavior:url("/csshover.htc");}
</style>
<![endif]-->



对于跨浏览器转换，将对您有所帮助。
自从IE7Hi我已经更改并且div类现在出现以来，不仅a-elements支持：hover选择器，但是：hover元素仍然不工作..听起来像是您为
#f1
更改了它，但是您必须为
#f1:hover
Hi dr molle，我确实将其更改为=100，现在当我将鼠标移到div类上时，声明的图像不会出现，知道为什么吗？
a { display: block; width: 100px height: 50px; }
a:hover { change color etc here }

<!--[if IE]>
<style>
body { behavior:url("/csshover.htc");}
</style>
<![endif]-->