Css firefox悬停不透明度

我无法在firefox或IE中更改悬停不透明度。它在chrome中工作。Firefox和IE可以使用.move中定义的不透明初始状态，但不能使用悬停。任何想法

<style>
.move{
  width:100px;
  height:100px;
  background-color:red;
  opacity:0.2;
  filter:alpha(opacity=20);
  }
.move:hover{
  opacity:1;
  filter:alpha(opacity=100);
  }
</style>

<div class="move"></div>

.搬家{
宽度：100px；
高度：100px；
背景色：红色；
不透明度：0.2；
过滤器：α（不透明度=20）；
}
.移动：悬停{
不透明度：1；
过滤器：α（不透明度=100）；
}

不透明度规则都在ie中修改。ie7和IE6不支持它们。 我看不出它在FF上不起作用的任何原因。

这是一个bug：

快速修复正在取代：

.move:hover{

与

使用在中找到的脚本解决IE怪癖

最后的代码是

<style>
 body {
  behavior:url('csshover3.htc');
 }

.move{
  width:100px;
  height:100px;
  background-color:red;
  opacity:0.2;
  filter:alpha(opacity=20);
  -moz-opacity:0.2;
  -khtml-opacity: 0.2;
  }
.move:hover{
  opacity:1;
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  -khtml-opacity: 1.0;
  }
[class="move"]:hover{
  opacity:1;
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  -khtml-opacity: 1.0;
  }
</style>

<div class="move"></div>

身体{
行为：url（'cssphover3.htc'）；
}
.搬家{
宽度：100px；
高度：100px；
背景色：红色；
不透明度：0.2；
过滤器：α（不透明度=20）；
-moz不透明度：0.2；
-khtml不透明度：0.2；
}
.移动：悬停{
不透明度：1；
过滤器：α（不透明度=100）；
-moz不透明度：1.0；
-khtml不透明度：1.0；
}
[class=“move”]：悬停{
不透明度：1；
过滤器：α（不透明度=100）；
-moz不透明度：1.0；
-khtml不透明度：1.0；
}

---

您需要添加-moz opacity和-khtml opacity来支持webkit和较早的firefox安装。

您的

move

div真的是空的吗？对我来说很有用。。。有人能确认它在firefox本地工作吗。它在JSFIDLE上对我有效，但在firefox本地测试时就不行了。我想我很快就能弄明白了。我在firefox本地无法使用它。这在FF中有效，我看到这是一个bug，但在IE中仍然不起作用。

<style>
 body {
  behavior:url('csshover3.htc');
 }

.move{
  width:100px;
  height:100px;
  background-color:red;
  opacity:0.2;
  filter:alpha(opacity=20);
  -moz-opacity:0.2;
  -khtml-opacity: 0.2;
  }
.move:hover{
  opacity:1;
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  -khtml-opacity: 1.0;
  }
[class="move"]:hover{
  opacity:1;
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  -khtml-opacity: 1.0;
  }
</style>

<div class="move"></div>