Как CSS фонови свойства, определени прозрачността

Здравейте на всички. Както може би знаете, фон - това е CSS-собственост, която ви позволява да настроите цвета на фона или да качите изображение, което да служи като фон. В CSS3 е и възможност за създаване на линейни и радиални градиенти, но това е тема за друга статия. В това бих искал да ви кажа как да CSS във фонов набор имот прозрачност.







Само за няколко години в интернет открих редица полезни сайтове и услуги, които не са пряко свързани с изграждането на обекта и основната тема на този блог, но аз просто исках да ги препоръчвам и на вас:

Cashback услуги. като Epn.bz и Letishops. Първият ще спестите до 15% от Aliekspress и втората ограничавам с Cash Back на повече от 1000 онлайн магазини. Търсене на полети, просто отлично обслужване - Aviasales.ru. Търсения на стотици сайтове и предоставя всички възможности за билети, можете да изберете най-евтините или тези, където има по-малко време за пътуване. Те също имат голяма тълпа. приложения и браузър плъгин.

Разположен на прозрачността на фона на CSS

Предшестващо цвят: RGBA (173, 57, 22, 0.5)

Първо, ние ясно показват, че определен режим цвят RGBA. След това задайте стойностите на интензитета на трите основни цвята 0-255, където 255 - най-високото насищане. Четвъртият параметър, това е нашата прозрачност. Там е написано от 0 до единство. 1 - напълно непрозрачен елемент, и 0 - напълно прозрачен. Съответно, ако сте задали 0, цвета на фона няма да бъде видима на всички.







Сега, че знаете как да се CSS във фонов набор имот прозрачност. За да направите това, използвайте цветен режим RGBA. Има непрозрачност собственост. но това се отнася за цялата елемент. Това означава, че при прилагането на прозрачност непрозрачност може да се прилага към текста, че ще го направи и да бъде прочетен.

Прозрачен фон по примера на

Предимствата на полу-прозрачен фон е лесно да се покаже чрез пример. Например, ние имаме обща история на страницата. Това е начина, по който да се търси блок, ако той получи солидна черен цвят:

Как CSS фонови свойства, определени прозрачността

Сега, да поиска от същия черен цвят блок, но ние го споменавам с цветния формат RGBA, се посочва последният стойността на 0.7, например. Вземете това:

Как CSS фонови свойства, определени прозрачността

Сега на фона е осветен и устройството може да се види през фоновото изображение. Тази снимка и на заден план са само един пример. Както знаете, в прозрачността на CSS фон може да бъде полезен, когато трябва да под-елемент фон прозрачна, без да затвори други среди, разположени в други слоеве.