Как установить цвет прозрачности для div? Он должен работать как в Firefox, так и в IE

Question

В моем проекте я использовал следующий код.

#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); 
} 

Он отлично работает в Firefox. Но это не работает в IE. Как решить?

Answer 1

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

Должен работать для всех браузеров. Можете ли вы показать нам живой пример, если это не сработает? Кроме того, в качестве комментария: изменение

backgroundcolor:/*#FFF8E9*/#F2F2F2; 

Try это

background-color:#F2F2F2; 

IE не может interptet комментариев, используемые таким образом, также он должен иметь дефис.

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

Answer 2

Вы могли бы использовать:

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

В Chrome и FF читать значения RGBA и IE подберут свойство фильтра :)

Answer 3

Следующий код работает для КАЖДОГО браузера, поддерживает прозрачность:

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

непрозрачность: 0,5; Это «самый важный», потому что это текущий стандарт в CSS. Это будет работать в большинстве версий Firefox, Safari и Opera. Это было бы все, что вам нужно, если бы все браузеры поддерживали текущие стандарты. Что, конечно же, они этого не делают.

фильтр: alpha (opacity = 50); Это нужно для IE.

-moz-opacity: 0.5; Вам нужен этот вариант для поддержки старых версий браузеров Mozilla, таких как Netscape Navigator.

-khtml-opacity: 0.5; Это старая версия Safari (1.x), когда движок рендеринга, который он использовал, по-прежнему назывался KTHML, в отличие от текущего