Unlimited HostingFree Drupal ThemesFree Drupal Themes

PostHeaderIcon Как сделать прозрачность у текста\кнопки\элемента в CSS

Прозрачность - очень красивый элемент на сайтах и последнее время он становится все популярнее и популярнее. В CSS есть специальное свойство, которое задает прозрачность у элементов, но есть одна беда. Это свойство работает не во всех браузерах.

Сейчас мы с вами решим эту не самую сложную, но довольно неприятную проблему.

filter: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 */

Вставьте этот код себе в css файл в какой-нибудь класс и элемент получит прозрачность в 50% Если изменить часла в моем примере, то прозрачность элементов на сайте будет изменяться в соответствии с вашими параметрами.

Прозрачный текст Прошу заметить, что это именно прозрачность, а не серый цвет. А вот и код для получения такого эффекта без файла css:

<span style="filter: alpha(opacity=50); -khtml-opacity: 0.5; opacity: 0.5;">прозрачный текст</span>

Поиск
Rambler's Top100 Яндекс.Метрика