Div 类在 chrome 和 firefox 中显示，但在 IE 中不显示答案

【问题标题】：Div class displays in chrome & firefox but not IEDiv 类在 chrome 和 firefox 中显示，但在 IE 中不显示
【发布时间】：2012-09-16 17:15:01
【问题描述】：

有人可以帮我看看这个吗，我发现了这个类似的问题here

但我不明白它是如何工作的以及 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 中，请帮忙！

提前非常感谢！

【问题讨论】：

标签： php css internet-explorer html hover

【解决方案1】：

改变这个：

filter: alpha(opacity=1);

进入

filter: alpha(opacity=100);

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

【讨论】：

您好，我已更改，现在出现 div 类，但是 :hover 元素仍然无法正常工作..
听起来你把它改成了#f1，但你必须把它改成#f1:hover
嗨，molle 博士，我确实将它更改为 =100，现在当我将鼠标悬停在 div 类上时，声明的图像不会出现，知道为什么吗？

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

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

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

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

否则，Css hoverhtc 将帮助解决div:hover 的 IE 浏览器问题。像下面这样导入HTC，

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

对于跨浏览器转换，css3please tutorial 会帮助你。

【讨论】：

自 IE7 以来，不仅 a 元素支持 :hover-selector