Как сделать прозрачным CSS
Чтобы сделать любой элемент прозрачным ему нужно присвоить свойства прозрачности для всех браузеров. Прозрачность измеряется в %, то есть 100% = 1 = полностью видимый, 50% = 0.5 = «наполовину» прозрачный.
В коде ниже прозрачный элемент имеет class=»prozrachni»
|
1 2 3 4 5 |
.prozrachni { filter:alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5} |
Чтобы при наведении мышки этот же элемент стал видимым нужно добавить свойства :hover и :focus с прозрачностью = 100% = 1
|
1 2 3 4 5 |
.prozrachni:hover, .prozrachni:focus { filter:alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0; -khtml-opacity: 1.0} |
Рассказать: