Question

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

但我不明白它是如何工作的以及聚合填充是什么。

以下是我网站的链接：

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

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

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，因此您当前的设置等于不透明度：0.01

Answer 2

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

Answer 3

如果您在IE中使用div:hover代码，则不会发生任何事情。

这是因为IE仅支持<a>标记的悬停psuedo。

在您的情况下，这不是一个问题，因为很容易将链接样式显示为块元素

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

否则，Css hover htc将有助于解决div:hover的IE浏览器问题。像hlow一样导入htc，

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

对于跨浏览器转换，css3please tutorial会对您有所帮助。

Div类显示在chrome＆amp; firefox但不是IE

3 个答案: