firefox Hover Opazität

Question

Ich kann Hover Opazität nicht in Firefox oder IE ändern. Es funktioniert in Chrom. Firefox und IE können mit dem Anfangszustand der Deckkraft arbeiten, wie in .move definiert, aber nicht mit dem Hover. Irgendwelche Ideen.

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

Answer 1

ist ein Fehler: http://support.mozilla.com/pa-IN/questions/746770

Die schnelle Lösung ersetzt:

.move:hover{ 

mit

[class="move"]:hover{ 

Verwenden Sie die bei http://www.xs4all.nl/~peterned/csshover.html gefunden Skript IE Macken zu adressieren.

Schluss Code ist

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

Sie benötigen -moz-Opazität und -khtml-Opazität hinzuzufügen webkit und ältere Firefox-Installationen zu unterstützen.

Answer 2

Deckkraft Regel ist alles in i.exe wacked. ie7 und 6 unterstützen sie nicht. Ich konnte keinen Grund sehen, dass y es nicht auf FF arbeitete. Diese