Как я могу установить цвет прозрачности для 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

Вы можете использовать:

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

Когда Chrome и FF прочитают значения rgba, и IE подберет свойство фильтра:)

Answer 2

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

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

backgroundcolor:/*#FFF8E9*/#F2F2F2;

Попробуйте изменить это значение на

background-color:#F2F2F2;

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

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

Answer 3

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

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

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

фильтр: альфа (непрозрачность = 50); Этот вам нужен для IE.

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

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