Wie kann ich eine Transparenzfarbe für ein div festlegen? Es sollte in Firefox und IE funktionieren

Question

Ich habe den folgenden Code in meinem Projekt verwendet.

#tooltip 
{ 
position:absolute; 
z-index:3000; 
border:1px solid black; 
background-color:/*#FFF8E9*/#F2F2F2; 
padding:5px; 
width:300px; 
opacity:0.2; 
filter:alpha(opacity=20); 
} 

Es funktioniert gut in Firefox. Aber es funktioniert nicht in IE. Wie löst man?

Answer 1

filter:alpha(opacity=20); 
opacity: 0.2; 
-moz-opacity:0.2; 

Sollte für alle Browser funktionieren. Können Sie uns ein Live-Beispiel zeigen, wenn das nicht funktioniert? Auch als Kommentar:

backgroundcolor:/*#FFF8E9*/#F2F2F2; 

versuchen, dies zu

background-color:#F2F2F2; 

IE ändert vielleicht nicht Kommentare auf diese Weise verwendet interptet, auch sollte es einen Bindestrich haben.

http://www.domedia.org/oveklykken/css-transparency.php

Answer 2

könnten Sie verwenden:

background: rgba(255, 255, 255, 0.2); 
filter:alpha(opacity=20); 

Wie Chrome und FF lesen Sie die RGBA-Werte und IE wird die Filtereigenschaft abholen :)

Answer 3

Der folgende Code funktioniert für JEDEN Browser, unterstützt Transparenz:

.transparent_class { 
     filter:alpha(opacity=50); 
     -moz-opacity:0.5; 
     -khtml-opacity: 0.5; 
     opacity: 0.5; 
} 

Opazität: 0,5; Dies ist das "wichtigste", weil es der aktuelle Standard in CSS ist. Dies funktioniert in den meisten Versionen von Firefox, Safari und Opera. Dies wäre alles was Sie brauchen, wenn alle Browser aktuelle Standards unterstützen. Was sie natürlich nicht tun.

Filter: Alpha (Opazität = 50); Diese benötigen Sie für IE.

-moz-Opazität: 0,5; Sie benötigen diese, um ältere Versionen der Mozilla-Browser wie Netscape Navigator zu unterstützen.

-Khtml-Opazität: 0,5; Dies ist für Way alten Versionen von Safari (1.x), wenn die Rendering-Engine es noch als KTHML bezeichnet wurde, im Gegensatz zu den aktuellen