Как сделать прозрачность у текста\кнопки\элемента в 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>