Hlavná vec je určiť obrázok v počítači alebo telefóne a potom kliknúť na tlačidlo OK v dolnej časti tejto stránky. Štandardne je obyčajné pozadie obrázka nahradené priehľadným. Farba pozadia pôvodného obrázku sa určí automaticky, stačí si v nastaveniach určiť, akou farbou ju nahradiť. Hlavným parametrom, ktorý ovplyvňuje kvalitu výmeny, je „Intenzita výmeny“ a môže byť pre každý obrázok iná.
Príklad fotografie ružovej ruže bez zmien a po nahradení pevného pozadia priehľadným, bielym a zeleným:
Prvý príklad s ružovým kvetom na priehľadnom pozadí sa vyrába s nasledujúcimi nastaveniami:
1) Náhradná intenzita - 38;
2) Vyhladenie okrajov - 5;
3) Vymeňte pevné pozadie za priehľadné;
4) Orezanie (<0) или Добавление (>0) pozdĺž okrajov - "-70";
5) Invertovať – vypnuté (nezaškrtnuté políčko).
Na tvorenie druhý príklad, s bielym pozadím, boli použité rovnaké nastavenia ako v prvom príklade, okrem parametra: "Nahradiť obyčajné pozadie" - biele. IN tretí príklad, so zeleným pozadím sú tiež použité nastavenia, ako v prvom príklade, okrem parametra: "farba v hexadecimálnom formáte" - #245a2d.
Pôvodný obrázok sa nijako nemení. Dostanete ďalší spracovaný obrázok s priehľadným pozadím alebo pozadím, ktoré určíte.
V niektorých prípadoch, napríklad pri návrhu stránky, sa môžete stretnúť so situáciou, kedy pozadie obrázka nijako nezodpovedá farbe samotnej stránky. Samozrejmým riešením je urobiť toto pozadie priehľadným.
Budete potrebovať
Inštrukcia
Ako nastaviť priehľadnú farbu v css? V súčasnosti existujú 3 spôsoby, ako to urobiť.
Metóda 1 - transparentná hodnota
Ak nastavíte farbu textu alebo pozadia na priehľadnú , farba bude úplne priehľadná, t. j. neviditeľná. Príklad:
farba:transparentná;
Takýto text nebude na stránke viditeľný.
Metóda 2 - farebný režim rgba
A toto je už inovácia css3. Predtým pri vývoji webu takýto režim neexistoval, existoval iba rgb. Určite viete, ako písať farbu v tomto formáte. Ak to chcete urobiť, musíte zadať tri hodnoty v zátvorkách od 0 do 255, ktoré označujú sýtosť jednej z troch základných farieb (červená, zelená, modrá). Napríklad:
Pozadie: rgb(230, 121, 156);
Formát rgba nie je iný, pridáva sa len štvrtá hodnota - stupeň priehľadnosti prvku od 0 do 1. Vo všeobecnosti sa tento formát zápisu používa najmä na nastavenie polopriehľadnej farby, a nie úplne priehľadnej. Na dosiahnutie úplnej transparentnosti stačí napísať 0 ako štvrtú hodnotu.
Pozadie: rgba(0, 0, 0, 0);
V tomto prípade zostávajúce 3 číslice nehrajú osobitnú úlohu.
Priesvitnú farbu je možné nastaviť, ak je štvrtý parameter nastavený na hodnotu od 0,01 do 0,99. O nastavení priesvitnosti pozadia už O niečo málo napísal v , v prípade záujmu si to môžete prečítať.
Metóda 3 - nepriehľadnosť
Ďalšia vlastnosť z technológie css3. Chcem vás ale hneď upozorniť, že to funguje trochu inak. Pri nepriehľadnosti sa priehľadnosť nastaví na celý blok, na ktorý sa aplikuje. Zhoršuje sa tak čitateľnosť textu a vnímanie obrázkov. Zmysel teda vidím v použití vlastnosti len pri blokoch, v ktorých nie je text a nejaké ďalšie informácie. Hodnoty je možné nastaviť od 0 do 1, ako v prípade štvrtého parametra pri zadávaní farby vo formáte rgba.
Vo všeobecnosti, na tento moment toto sú všetky spôsoby, ktoré poznám, ako nastaviť priehľadnú farbu v css. Prečo je to potrebné, je iná otázka. Cez priehľadné pozadie môžete vidieť, čo je pod ním. Niekedy je to potrebné urobiť tak, že to ide dizajnovo. Vo všeobecnosti je dnes technika s presvetlením veľmi bežná.
Priehľadné pozadie (pozadie)
Ako možno viete, pozadie je vlastnosť CSS, ktorá vám umožňuje nastaviť farbu pozadia alebo nahrať obrázok, ktorý bude slúžiť ako pozadie.
Nastavte priehľadnosť pre pozadie CSS
To všetko sa robí veľmi jednoducho vďaka takému formátu záznamu farieb, akým je rgba. Ak pracujete s grafických editorov, potom asi viete, že farebný režim rgb znamená: podiel červenej (červená), podiel zelenej (zelená) a modrej (modrá). Takže rgba je takmer to isté, len je pridaný ďalší parameter - priehľadnosť. Píše sa to takto:
Farba pozadia: rgba (173, 57, 22, 0,5)
Najprv výslovne uvádzame, že nastavujeme farbu v režime rgba. Potom uvádzame hodnoty sýtosti troch základných farieb od 0 do 255, kde 255 je najvyššia sýtosť. Štvrtým parametrom je naša transparentnosť. Tu sa zapisuje hodnota od 0 do jedna. 1 je úplne nepriehľadný prvok a 0 je úplne priehľadný prvok. Ak teda nastavíte hodnotu 0, farba pozadia nebude vôbec viditeľná.
Teraz viete, ako nastaviť priehľadnosť pre vlastnosť pozadia v css. Ak to chcete urobiť, musíte použiť farebný režim rgba. Existuje aj vlastnosť nepriehľadnosti, ktorá sa však vzťahuje na celý prvok ako celok. To znamená, že pri použití nepriehľadnosti možno na text použiť aj priehľadnosť, čím sa stane nečitateľným.
Príklad transparentného pozadia
Výhody priesvitné pozadieľahko ukázať na príklade. Napríklad máme všeobecné pozadie stránky. Takto by vyzeral blok, keby dostal plnú čiernu farbu:
A teraz nastavme bloku rovnakú čiernu farbu, ale špecifikujte ju pomocou farebného formátu rgba, pričom ako poslednú hodnotu uvedieme napríklad 0,7. Dopadne to takto: 
Teraz je pozadie bloku priesvitné a je cez neho viditeľný obrázok na pozadí. Tento obrázok a pozadie sú len ilustračné. Ako viete, priehľadnosť pozadia v css sa môže hodiť, keď potrebujete, aby pozadie vnoreného prvku presvitalo bez zakrytia iných pozadí umiestnených v iných vrstvách.
Samotnú farbu nie je ťažké nastaviť pomocou rgba. Ako už bolo spomenuté, prvé tri písmená znamenajú tri základné farby: červenú, zelenú a modrú, alebo skôr ich podiel (od 0 do 255). Zapísaním rôznych hodnôt môžete získať milióny rôznych farieb a priesvitnosť vám umožní vymyslieť oveľa viac krásne efekty pre danú lokalitu, ak je to potrebné.
Načítava...