php - Div 类在 chrome 和 firefox 中显示，但在 IE 中不显示

Question

有人可以帮我看看这个吗，我在这里找到了类似的问题

但我不明白它是如何工作的以及 poly-fill 是什么。

这是我网站的链接：

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

这是我对 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 中，请帮忙！

提前谢谢了！

Answer 1

改变这个：

filter: alpha(opacity=1);

进入

filter: alpha(opacity=100);

在 Alpha 过滤器中使用时的不透明度范围是 0-100 ，因此您当前的设置等于 opacity: 0.01

Answer 2

不要:hover在 a 上使用伪类DIV，IE 很可能会完全忽略它 - 尝试使用A标签或附加到onmouseoverandonmouseout事件

Answer 3

如果你div:hover在 IE 中使用代码，什么都不会发生。

这是因为 IE 只支持<a>标签的悬停伪。

在您的情况下，这不是什么大问题，因为很容易将链接设置为显示为块元素

a { display: block; width: 100px height: 50px; }
a:hover { change color etc here }

否则，Css hover htc 将有助于解决div:hover. 像下面这样导入HTC，

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

对于跨浏览器过渡，css3please 教程将为您提供帮助。