Правильная прозрачность / Хабрахабр. Однажды мне понадобилось сделать прозрачные боковые поля для одного дизайна. Я решил использовать прозрачность CSS. Но каково было узнать, что все элементы внутри прозрачного блока тоже становятся прозрачны и это никак не изменить : -(, тогда мне пришлось использовать прозрачный png. Недавно я наткнулся на замечательную технику, позволяющую устранить эту проблему, ею я и хочу с вами любезно поделиться. Техника заключается в подложке прозрачного блока в основной блок, который вы хотите сделать прозрачным. Вот так выглядит наш блок: < divid=«container»> < h. Мы уже научились менять фон сайта, устанавливать в качестве фона. Особенно эффектно смотрится полупрозрачный блок поверх изображения. Частичная прозрачность при правильном ее использовании весьма эффектно смотрится в дизайне сайта. Главное, чтобы под . Как сделать полупрозрачный фон для сайта. Как добавить иконку сайта в адресную строку браузера? Как растянуть фон на. Полупрозрачный фон и непрозрачный текст. Вы можете часто увидеть на сайтах прозрачный фон, к примеру есть красный фон страницы, а за фоном стоит простая картинка. Так вот в CSS есть . В этой статье мы расскажем о том, как добавить на сайт прозрачный фон. При вёрстке страниц веб-сайта часто требуется задать фон. Полупрозрачный элемент хорошо заметен на фоновом рисунке. Но каково было узнать, что все элементы внутри прозрачного блока. Привет, я прозрачный блок< /h. Текст внутри блока. Текст внутри блока. Текст внутри блока.< /div> Теперь добавим прозрачную подложку: < divid=«container»> < divclass=«transparency»> < !- - Это прозрачный блок- -> < /div> < divclass=«content»> < h. Привет, я прозрачный блок< /h. Текст внутри блока. Текст внутри блока. Текст внутри блока.< /div> < /div> Теперь перейдем к оформлению css: #container ! Теперь все элементы внутри блока не изменят свою прозрачность. Для полного счастья, я решил написать небольшой скрипт на j. Query, который всё автоматизирует. Вам будет достаточно лишь добавить класс transp к вашему блоку: < divid=«container»class=«transp»> < h. Привет, я прозрачный блок< /h. Текст внутри блока. Текст внутри блока. Текст внутри блока.< /div> И конечно, сам j. Query код: $(document). Полупрозрачный фон.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
February 2018
Categories |