Прозрачный фон CSS
Блог
Делимся с Вами своими знаниями и новостями
14.02.2014

Прозрачный фон CSS

Прозрачный фон CSS – довольно распространенная фишка на сайтах. Многие делают такой фон, но не многие знают, как правильно его делать. Вы прекрасно знаете, что чтобы добавить прозрачность надо внести свойство opacity: 0.8, но, если мы проделаем такое в элементе, в котором присутствуют другие блоки, то получим также прозрачность и наших картинок, и нашего текста, и нашей остальной информации. А мы то этого как раз и не хотим. Что же делать?

Решение данной задачи весьма простое. Возьмем для примера следующий код.

Допустим мы хотим сделать, чтобы наш div  c классом fon был прозрачным. И если добавим ему CSS свойство opacity – то наше меню также станет прозрачным. Для того, чтобы этого избежать. Нам нужно добавить еще один див. И код примет такой вид.

Как Вы видите мы добавили новый Div, при этом это пустой див, в нем ничего нет. В CSS мы пишем следующее, указывая данные свойства нашему классу прозрачности, например.

Собственно и все. Мы получили только прозрачный фон, а меню осталось нетронутым. Пользуйтесь данным методом, чтобы сделать прозрачный фон, но при этом не хотите, чтобы иные элементы, включенные внутрь кода, были прозрачными.

Если же у Вас возникли какие-то вопросы, то смело пишите их в комментариях к данной статье. Спасибо.

Метки:

Комментарии:

Свяжитесь с нами уже сейчас




Отправляя нам сообщение, содержащее Ваши персональные данные, Вы соглашаетесь с нашей политикой конфиденциальности.
Онлайн заявка


Отправляя нам сообщение, содержащее Ваши персональные данные, Вы соглашаетесь с нашей политикой конфиденциальности.