Firefox的悬停不透明度

我不能让悬停不透明改变在Firefox或IE浏览器。它在铬中工作。 Firefox和IE能够使用.move中定义的不透明初始状态，但不能悬停。有任何想法吗。Firefox的悬停不透明度

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

来源

2011-01-14 Hussein

你的'move` div真的是空的吗？ – 2011-01-14 00:48:48

适合我... http://jsfiddle.net/gWKEQ – BoltClock 2011-01-14 00:50:32

这是一个错误：http://support.mozilla.com/pa-IN/questions/746770

快速修复被替换：

.move:hover{

与

[class="move"]:hover{

使用在http://www.xs4all.nl/~peterned/csshover.html找到解决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>

您需要添加-moz-不透明度和-khtml不透明度，以支持WebKit和Firefox的旧的安装。

来源

2011-01-14 01:29:33

-1

不透明度规则在ie中都是有的。 ie7和6不支持他们。我看不出任何理由，它没有在FF上工作。

来源

2011-01-14 01:01:36

Firefox的悬停不透明度

回答

相关问题