Property CSS "pachena" - nyore nzira kuti nzvimbo kunakidza design

Nhasi, pakusikwa website zvakagadzirwa anova unyanzvi fomu. Izvi hausingori pepeji zvemamiriro imwe ruvara uye size, fonts akasiyana-siyana uye Category mifananidzo. Kuti nzvimbo yako nevamwe, kukwezva vashanyi 'kuteerera uye kurishandisa kuti zvimwe zvinhu, akashandisa kuwanda nzira nematurusi. Pakati pavo pane mukurumbira chaizvo pfuma CSS - pachena. chidobi Izvi mufashoni chaizvo uye fadza, uye naizvozvo rinoshandiswa kakawanda. Transparency anogona kupa dzakasiyana zvinhu mapeji nzvimbo - chinyorwa chinogumbura kana mufananidzo yose, somuenzaniso. Paro kubudirira nenzira dzakasiyana-siyana. Ngationgororei navo pasi.

Parameters kutaridzwa zvinhu pachena

Parameters waidzora pachena kuti zvinhu zvinoverengeka. Ivo anoshandiswa zvichienderana chaizvo zvinangwa, uyewo Browser, riri pasi "kugadziridzwa" kugadzira. Izvi zvinosanganisira zvinotevera ehupfumi:

• opacity;
• dzinobvisa;
• PNG-mufananidzo somunhu necheseri.

Property ukoshi CSS "pachena" vanochinjwa sezvinotevera: dzakanga kuwanda, rezasi padanho pachena pamusoro maatomu akafanana. The opacity, izvozvo zvichisiyana 0 1, muna Sefa - kubva 10 kusvika 100. Uye yokupedzisira inoshandiswa nokuda Interet Explorer Browser, uye zvimwe zvose zvinoshanda opacity pfuma.

Transparency Image (kuchinja)

Ngatitange pamwe zvokusarudza kuti achaonekwa segirazi kana iwe kufambisa chinhu nokuda vachizvuva mbeva.

Ngatikurukurei sei kuti kutaridzwa pachena chifananidzo. CSS anopa mbiri zvokusarudza. Kuti aite izvi, unofanira kunyora izvozvo zvakananga bumbiro HTML-Gwaro sezvinotevera:

1. Kutaridzwa nzira kuti mufananidzo.
2. We havatsananguri parameters zviri pachena kana cursor haasi. Kuti aite izvi, tinoshandisa ehupfumi ari onmouseover uye onmouseout, izvo prescribes kukosha opacity, uye firita.

Zvakafanana Unhu zvinogona nezvaro CSS-gwaro uye kunobva remitemo kuwedzera Munongedzo pazviri. Migumisiro zvakazofamba zvakafanana.

Transparency rugwaro uye peji kutigumbura

Kana rugwaro kana chinogumbura (läpinäkyvä div), CSS anopa pfungwa dzayo, yakafanana asika chifananidzo segirazi, unofanira kushandisa chokuita CSS-faira, umo zvinodiwa parameters iri. Unogona kuenda uye nyore nzira. Kana iwe kuisa wokugadzira chinogumbura div maitiro kana chinyorwa S. varayire zvinotevera HTML-bumbiro kuti onmouseover uye onmouseout zvinhu. Zvose nzira kushanda uye zvibereko zvinodiwa mugumisiro.

pachena kuramba

Mune zvimwe zviitiko, pachena ane chinhu, namaapuro Kufananidzira kana chinyorwa uchida pachigaro ziendamberi hwaro. Pakadaro, mushonga wacho kunyange nyore kupfuura paunenge kuyengerera negonzo cursor.

CSS chingaita pachena achapiwa kubudikidza zvinotevera romutemo. In chinogumbura div Style varayire tsika nokuti kumashure (semuenzaniso, # ff8800), opacity (semuenzaniso, 0.5) uye upamhi (upamhi) uye padding (padding).

Nokuti mufananidzo bumbiro tsika vari kuita uye opacity Sefa, uye kutaridzwa nzira kuti mufananidzo.

RGBA-nzira

Pane dzimwe nzira kuti kushandisa ichi pfuma CSS: pachena zvinogona kushandiswa mujinga ruvara upi zvakagadzirwa maatomu akafanana. Inoshandisa RGBA nzira. tsamba nhatu dzokutanga kumiririra zvinokosha mavara (tsvuku, fission, zvitema), uye vokupedzisira - Arifa, rinotaura padanho pachena. Kushandisa RGBA-youduku prescribes pachena, achiratidza kuti rokupedzisira digit. Somuenzaniso, sezvo: nechokumashure: rgba (240,2,33,0.4035).

mhedziso

Saka, achishandisa mukufamba basa panzvimbo kugadzirwa nyore asi ichibudirira chine CSS "pachena", unogona kuita kuti kunakidza uye zvinyanye kuonekwa zvinhu pamwe usingashandi nesimba. The zvinorondedzerwa embodiments vane tsika pachena zvinhu ichakubatsira pamwe ichi.