Как сделать прозрачным CSS

Чтобы сделать любой элемент прозрачным ему нужно присвоить свойства прозрачности для всех браузеров. Прозрачность измеряется в %, то есть 100% = 1 = полностью видимый, 50% = 0.5 = «наполовину» прозрачный.

В коде ниже прозрачный элемент имеет class=»prozrachni»


.prozrachni {
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5}

Чтобы при наведении мышки этот же элемент стал видимым нужно добавить свойства :hover и :focus с прозрачностью = 100% = 1


.prozrachni:hover, .prozrachni:focus {
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0}