Pêwîstiyên Xweyên Têguhestin
Yek ji tiştên ku hûn bi hêsanî di designê çapkirinê de dikarin lê ne, ne li ser nivîsê li ser wêneyê an rûyê rengê rengandî ye, û şopandina şopandina wê wêneyê, da ku ew qonaxa fransî bi paşê veguherîne. Lê li malpera CSS3 heye ku hûn ê ji hêla helwesta xwe veguherînin veguherînin wê da ku ew di nav û derê veşartin.
Çawa Bêbaweriya Paqijiyê çawa bikar bîne
Malpera opozîsyonê ji hêla 0.0 to 1.0 ji nirxê radyoyê tête.
0.0 ji sedî 100% re-tiştek jêrîn wê dê bi temamî nîşan bide. 1.0 nexşeya 100% e-tiştek li jêr elementê wê bi rêya xuya dike.
Ji ber vê yekê ji hêla elementek 50% veguherîne, hûn ê binivîse:
opacity: 0.5;
Hin mînakên hûrgelan di çalakiyê de bibînin
Bi Sure Browser Di Testên Mezin de Heke Bi Sure
Ne jî IE 6 û ne 7 piştgiriya CSS3 opacity. Lê tu ji dilsoz ne. Bêguman, IE piştgiriya Microsoft-tenê xaneya alpha ya piştgirî dide. Alpha fîlmên li IE nirxên 0 (temamî rasterast) ji 100 heta (temamî vekirî) qebûl dikin. Ji ber vê yekê, ji bo ku ez li ser IE-ê xwe bibînim, divê hûn bi helwesta xwe bi 100 re zêde bikin û ji aliyên xwe re alfofek zêde bikin.
fîlt: alpha (opacity = 50);
Fîlmeya alpha li çalakiyê bibînin (IE tenê)
Û Pirsgirêkên Gerokê Bikaranîna Bikaranîna
Divê hûn bikarhênerên -moz- û -webkit-prefixes bikar bînin, da ku versiyonên kevn ên yên gerokên Mozilla û Webkit jî piştgirî dikin:
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
Her dem herdem pêşnavên geroksaziyê pêşî binivîsînin, û paşê CSS3 ya derbasdar last.
Guhertoya gerokê pêşniyarên li gerokên Mozilê yên Mozilî û Webkîtê bikî.
Hûn dikarin Images Images Transparent Very Made
Li ser wêneyê xweşikêşiya xwe bikin û ew ê di paşê paşê de neçar dike. Ev ji bo wêneyên paşnavên pirr baş e .
Û heke hûn di nav veşêrek ankor zêde bikin hûn dikarin bandorên hûrgelan biguherînin tenê bi bandorên veguherî çêbikin.
a: hover img {
jibergirtinê: alpha (opacity = 50)
fîlterê: progid: DXImageTransform.Microsoft.Alpha (opacity = 50)
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
}
Vê HTMLê bandor dike:
Di çalakiyê de jorên jorîn û HTML binirxînin.
Li ser wêneyên xwe binivîse
Bi hûrgelan, hûn dikarin li ser wênekek nivîskî binivîsînin û wêne heye ku ev nivîskî ye.
Ev teknolojiyek piçûk e, ji ber ku hûn nikarin wêneyê nerazî nebin, wekî ku dê tevahiya wêneyê fade bike. Û hûn nikarin bloka nivîsê nadeve , çimkî nivîsê wê li wir jî şaş dike.
- Berî ku hûn daktorek DIV ava bikin û wêneyê hundurê xwe binêrin:
- Pêveka wêneyê bi DIV-vala binivîse -a ew e ku hûn ê ronakêş bibin.
- Dawiya dawî ya ku hûn di HTML-ê de zêde bike DIV bi nivîsa xwe re ye:
Ev kûça Şasta min e. Ma ew ew kêfxweş e! - Hûn bi vî rengî CSS-ê vegotin, da ku tekstê li jor wêneyê jor. Min li ser milê min yê çepê ve girêdayî, lê hûn dikarin bi rastiyê bi du milê veguherînin rast bikin: 0; taybetmendiyên rast: 0; .
#image {
poz: hevpeyman;
width: 170px;
height: 128px;
margin: 0;
}
#text {
helwesta: temamî;
top: 0;
çepgir: 0;
width: 60px;
height: 118px;
background: #fff;
padding: 5px;
}
#text {
fîlt: alpha (opacity = 70);
fîlterê: progid: DXImageTransform.Microsoft.Alpha (opacity = 70);
-moz-opacity: 0.70;
nebigere: 0.7;
}
#words {
helwesta: temamî;
top: 0;
çepgir: 0;
width: 60px;
height: 118px;
paşnav: transparent;
padding: 5px;
}
Binêrin ka ew çawa dibîne