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的懸停不透明度

回答

相關問題