-Поиск по дневнику

Поиск сообщений в mycss

 -Подписка по e-mail

 

 -Постоянные читатели

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 18.09.2009
Записей:
Комментариев:
Написано: 210


кроссбраузерная прозрачность

Четверг, 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).
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку