кроссбраузерная прозрачность
|
|
Четверг, 01 Октября 2009 г. 16:47
+ в цитатник
карты все записи автора
{
background:#000;
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 */
}
...но это делает полупрозрачным весь блок
а вот что нужно прописать чтобы фон был полупрозрачный а содержимое - непрозрачным
{
background-color: rgba(0,0,0,0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50b2b2b2,endColorstr=#50b2b2b2);
}
Цвет здесь задается в формате RGBа. Последняя цифра 0,5 - процент прозрачности.
А в строке Filter для ие задаем цвета градиента: начальный (startColorstr) и конечный (endColorstr).
Здесь немного наоборот, прозрачность определяют первые две цифры (50).
Метки:
Прозрачность
ie6
-
Запись понравилась
-
0
Процитировали
-
0
Сохранили
-