Главная >
Блог > Html/Css верстка > Кроссбраузерная прозрачность
{Кроссбраузерная прозрачность}
Опишем, как с помощью CSS добиться кроссбраузерной прозрачности или полупрозрачности блоков, изображений.
img{
filter:alpha(opacity=50); /* IE 5.5+*/
moz-opacity:0.5; /* Mozilla 1.6 и ниже */
opacity:0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
}
filter:alpha(opacity=50); /* IE 5.5+*/
moz-opacity:0.5; /* Mozilla 1.6 и ниже */
opacity:0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
}
В примере описано, как сделать 50% прозрачность для изображений.
Пример:
Наш пример показывает, как можно применить данный способ с псевдоклассом :Hover.
Комментарии:
Alexandra |
27 12 11 |


Alexandra 