Как правило такие блоки применяют:

- при загрузке страницы (позиционируя из на всю ширину и высоту страницы, поверх всех блоков)

- затемнение баннеров

- затемнение текста

Итак, назовем наш div блок SimpleDiv и создадим для него стиль в таблице стилей css или просто на странице:

#SimpleDiv {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
width:100px;
height:100px;
background-color: #3fe31b;
}

Наш div блок в html странице будет выглядеть так:

<div id="SimpleDiv"> 
Тут будет какой то текст....
</div>

Хочу заметить что:

background-color показывает цвет которым мы заменяем.
opacity: 0.6; - означает что на 60% затемняем блок...
То есть - если текст нашего блока черный - блок на 60% покроет его цвет #3fe31b (зеленый)

PS: надеюсь будет понятно:)

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

Добавить