kiroleg Сообщение 04/12/2009 19:59 Копия темы
Opacity с помощью CSS Нужно выставить прозрачность дива с помощью css.
Погугглил по сабжу, информации много, проверенной и на 100% работающей мало.
В стиле задаём такие свойства:

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.5; /* CSS3 – Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */

Будет ли это всё на 100% корректно работать во всех браузерах, включая IE8?
Проверил в опере9, фоксе2, ие7 – работает. В остальных не представляется возможным проверить.

Нид хелп, так сказать.

ivanna Сообщение 04/12/2009 20:00 Копия темы
будет.

deft Сообщение 04/12/2009 20:30 Копия темы
если будете делать полупрозрачной картинку в png формате, то в браузере ие7 будут глюки

Izvarinskij Сообщение 04/12/2009 20:50 Копия темы
Забей на ie5.5, -khtml. Можно и на Firefox 2 забить.

Ставь opacity и filter:alpha(opacity) (для ie6/ie7 нужны hasLayout).

Вариант 1:

opacity:.5;
filter:alpha(opacity=50);

Вариант 2:
background:url(transparent_color.png) repeat;
background:rgba(200,100,50,.5);

kiroleg Сообщение 04/12/2009 20:50 Копия темы
да нет, обычная картинка лежит в диве

a:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

kiroleg Сообщение 04/12/2009 20:51 Копия темы
Мну нужна полная кроссбраузерность.
Самое главное, чтобы работало в ие6 и ие8.
Будет?

Izvarinskij Сообщение 04/12/2009 20:54 Копия темы
filter:alpha(opacity=50) у меня работало, только прозрачность исчезала при очень больших размерах объекта. Для инлайновых элементов надо включать hasLayout (через свойство zoom:1 или ещё как).

MainVoid Сообщение 05/12/2009 20:50 Копия темы
ietester Чтобы была возможность проверить в остальных IE, советую скачать программку ietester.

professorX Сообщение 07/12/2009 07:02 Копия темы
будет везде. НО! Если в этом диве будут вложенные дивы, то они также будут полупрозрачные!!! чтобы вложенные дивы были НЕпрозрачные, используется другой метод (более геморройный).

kiroleg Сообщение 07/12/2009 11:02 Копия темы
А для ие8 опасити такой фичей не задаётся случайно?

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; // for ie8

kiroleg Сообщение 07/12/2009 11:02 Копия темы
А для ие8 опасити такой фичей не задаётся случайно?

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; // for ie8

professorX Сообщение 07/12/2009 12:16 Копия темы
у ВАс уже есть фильтр. Я, вообще, использую такие параметры:

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
filter: alpha(opacity=60);
opacity: 0.6;

Ну, а, вообще (в большинстве случаев), хватает и таких:
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: 0.8;