Css Taybetmendiyên "şefafî" - bi awayekî hêsan, ji bo ku di malperê de design balkêş more

Îro, çêkirina design malpera formeke hunerî dibe. Ev e tenê set hêmanên page of a color hin û ne size, fonts şêweyên cuda û tabloyên tematîk. Ji bo ku bi numreya te cuda ji yên din, ku bala bala mêvanên 'û derhêneriya ew ji bo hêmanên hin, tê bikaranîn, hejmareke mezin ji metodên û amûrên. Di nav wan de ye, a css malê gelekî populer li wir - şefafî. Ev teknîka pir zengîn û binavûdengtir e, û ji ber vê yekê gelek caran tê bikaranîn. block text an jî hemû wêne, ji bo nimûne - Transparency dikarin pages tiştên cuda yên site bide. Ev jî bi awayên cuda pêk tê. Werin, em ji wan re li jêr dinihêrin.

Parametreyên diyar hêmanên şefafî

Parametreyên bo serastkirina şefafî ji hêmanên çend. Ew bi grêdayê kar li ser armancên taybetî, herweha ji browser, ew e ku di bin "eyar" design. Di nav van de taybetiyên jêrîn:

• Tarîtiyê;
• wêr'a;
• PNG-image wek background.

hejmara, bi kêmtir ji asta zelaliyê ji hêmana herî bilind: value babet css "şefafî" bi wiha guhertin. The Tarîtiyê, ew ji 0 heta 1 diguhure, di Parzûna - ji 10 heta 100. û bi ro û ji bo browser intérêt Explorer, û hemû yên din milk Tarîtiyê pêkanîn, tê bikaranîn.

Transparency Wêne (guhertina)

Werin, em bi vebijêrkên ku transparent wê derkevin, wê çaxê tu babete bar dest bi tora mouse.

Bila ji me re binêrin ku ew çiqas ji bo xwe diyar bike şefafiyet ji image. CSS offers du options. Ji bo vê jî, divê hûn jî rasterast di html code-document wiha qeyd bike:

1. Hên rêya image.
2. Hirç bi şefafî define Em dema ku cursor e ne. Ji bo vê jî, em bi kar tînin taybetiyên onmouseover û onmouseout, ku pêwîstiya bi hilbi- nirxê Tarîtiyê, û Parzûna.

Taybetiyên heman dikarin di css-Dokument û qoda çavkanî ji bo lê zêde bike a reference to ew nevê. Encamên dora xwe di heman.

Transparency ji text û rûpel blokên

Wek ji bo nivîsê an block (div transparent), css Kors vebijêrkê xwe, dişibe afirandina wêneyekî zelal e, tu ji bo bikaranîna vê ve girêdayî css-file, ji bo ku Parametreyên xwestin set bi. Hûn dikarin biçin û bi awayekî sadetir. Dema ku we li style div style block an text p receteyan jêr html-code bo onmouseover û onmouseout hêmanên. Herdu options kar û berhemên ku di encama tê xwestin.

berdewam şefafî

Di hin rewşan de, di şefafiyet of an object, a element design an text tu dixwazî li ser awayekî domdar. Di vê rewşê de, çareserî ye, heta sadetir, ji dema ku we hover cursor mişkê.

element css ji bo zelaliyê wê bi koda jêr dayîn. Di block div style receteyan nirxên ji bo rûerdê (raxîne, # ff8800), Tarîtiyê (wek nimûne, 0.5) û width (width) û padding (background).

Ji bo vê wêneyê nirxên code bi çêkirina û Parzûna Tarîtiyê, û diyar bike ku rêya li ber wêneyê de.

RGBA-rêbaza

ne alternatîva din ji bo bikaranîna vê css malê heye: şefafî mirov dikare bi vê rengê base ji canekî tetbîqî. Ev kar tîne rêbaza RGBA. alpha, ya ku asta zelaliyê - The sê tîpên pêşîn ji bo rengên bingehîn (sor, perçebûna, blue), û ya dawî rawestin. Bikaranîna RGBA-format nivîsandine şefafiyê, lêger ew ji cara digit. Ji bo nimûne, wek: background: RGBA (240,2,33,0.4035).

encamê de

Bi vî awayî, bi bikaranîna ku di dema kar li ser design site feature sade lê bi bandor css "şefafî", tu dikarî hêmanên bi semtê hewl balkêş zêdetir û lape zêdetir bikin. The embodiments şirove in taybetmendiyên şefafî adeta we bi vê yekê re dê alîkar.