JobHub.ru — система автоматизации и управления бизнесом

Прозрачность средствами css

Кроссбразерная прозрачность средствами CSS3

В css3 есть замечательное свойство для задания прозрачности элементу, но наш любимый Internet Explorer по-умолчанию его не поддерживает. Поэтому для поддержки в нем сделан специальный фильтр

Обычными средствами прозрачность задается так:

.class {
	opacity: .4;
}

Чтобы заставить это работать и в ишаке, дописываем в стили:

.class {
	opacity: .4;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}

И теперь у нас поддерживается прозрачность во всех популярных браузерах. Убедиться можно взглянув на пример ниже

с прозрачностью
без прозрачности

Комментарии

vlad
|
7 Май 2010 в 15:53

про ie8 забыли совершенно зря

ОтветитьОтветить
|
7 Май 2010 в 17:16

а кто сказал что в ИЕ8 не пашет?

ОтветитьОтветить

Оставить комментарий

Разрешенные теги: a (href, title), b, i, strike.


Ваше имя *

E-mail (не публикуется) *

Адрес блога

Комментарий *