WEB-нотатки - записник он-лайн

Прозорість в CSS 3. opacity

Для Firefox, Opera, Chrome пишемо:

Code

opacity:X;

де "X" - значення в діапазоні від 0.0 (повна прозорість елемента) до 1.0 (непрозорість елемента).

Для Internet Explorer (підтримують 8 і 9 версії):

Code

filter: alpha (opacity=X);

де "X" - значення в діапазоні від 0 (повна прозорість елемента) до 100 (непрозорість елемента).

Далі це все поєднуємо і присвоюємо певного класу:

Code

.myimage {
opacity:0.7;
filter:alpha(opacity=70);
}

Тепер поставимо правила для елемента, коли на нього буде наведено курсор миші. Нам потрібно побачити чітке відображення елемента і для цього поставимо 100% непрозорість, тобто, елемент виглядає таким, яким він є насправді:

Code

.myimage:hover {
opacity:1.0;
filter:alpha(opacity=100);
}

Приклад: