Прозрачность всегда была трюком. Различные браузеры поддерживали прозрачность с помощью различных команд. Команда RGBA способствует кросс-браузерности кода и имеет более логичный синтаксис. В ней используется 4 параметра: первый, второй и третий являются соответственно значениями для цветовых каналов красного, зеленого и синего (0-255), а четвертый параметр - значение для альфа канала или прозрачности (0-1).

Для команды RGBA не требуется использовать префиксы браузеров (-moz-, -webkit-):

#box3{
    background-color: rgba(110, 142, 185, .5);
}

Свойство background-color установит нежно голубой цвет для фона с прозрачностью 50% в браузерах, которые поддерживают команду RGBA.

К сожалению Internet Explorer также реализует свойство background-color, но не воспринимает команду RGBA. В нашем примере для отключения использования правила в IE используется псевдо-селектор last-child:

#box3{
    /* Для всех браузеров */
    background-color: #6e8eb9;
}
 
body:last-child #box3{
    /* IE игнорирует данное правило */
    background-color: rgba(110, 142, 185, .5)!important;
}

Добавлено: 17 Апреля 2018 18:31:42 Добавил: Андрей Ковальчук Нравится 0

Добавить