A 'Dèanamh Do Thaobhan Tràthad
Is e aon de na rudan as urrainn dhut a dhèanamh gu furasta ann an dealbhadh clò ach chan eil air an lìon thairis air teacsa air ìomhaigh no cùl-dath, agus atharraichidh e follaiseachd na h-ìomhaigh sin gus am bi an teacsa a 'sìneadh a-steach don chùl-raon. Ach tha seilbh ann an CSS3 a leigeas leat atharrachadh cho duilich 'sa tha na h-eileamaidean agad gus am bi iad a' sgoltadh a-mach is a-mach: dìomhaireachd.
Mar a chleachdas tu an seilbh falamh
Tha an t-seilbh dìomhaireachd a 'toirt luach na h-uiread de shoilleireachd bho 0.0 gu 1.0.
Bidh 0.0% 100% follaiseach - nochdaidh rud sam bith fo an eileamaid sin gu tur troimhe. Tha 1.0 a-rèir 100% mì-chinnteach, cha nochd rud sam bith fo an eileamaid troimhe.
Mar sin, airson eileamaid a shuidheachadh gu 50% follaiseach, bhiodh tu a 'sgrìobhadh:
dìomhaireachd: 0.5;
Faic eisimpleirean de dhìomhaireachd ann an gnìomh
Bi cinnteach gum bi deuchainn ann am brabhsair as sine
Chan eil IE 6 no 7 a 'toirt taic dha seilbh ionmholta CSS3. Ach chan eil thu fortanach. An àite sin, tha IE a 'toirt taic do chraoladair alpha de Microsoft a-mhàin. Bidh Alpha a 'craoladh ann an IE a' gabhail ri luachan bho 0 (gu tur follaiseach) gu 100 (gu tur teann). Mar sin, airson do thomhas follaiseach fhaighinn ann an IE, bu chòir dhut do dhì-chomas a mheudachadh le 100 agus criathrag alfa a chur ris na stoidhlichean agad:
criathrag: alpha (opacity = 50);
Faic an alpha filter ann an gnìomh (IE a-mhàin)
Agus Cleachdaibh ro-innleachdan air brabhsair
Bu chòir dhut na ro-leasachan -moz- and -webkit- a chleachdadh gus am bi tionndaidhean nas sine de bhrobhsair Mozilla agus Webkit a 'toirt taic dha cuideachd:
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
dìomhaireachd: 0.5;
Cuir ro-leasachain an t-sealladair an-còmhnaidh an toiseach, agus mairidh an seilbh dligheach CSS3.
Dèan deuchainn air ro-leasachain a 'bhrabhsair ann am browsers Mozilla agus Webkit nas sine.
Faodaidh tu Dealbhan a dhèanamh Eadar-fhortanach Dìreach
Suidhich dè cho mì-chinnteach 'sa tha an ìomhaigh fhèin agus thèid e a-mach às a' chùl. Tha seo gu math feumail airson ìomhaighean cùl - raoin .
Agus ma chuireas tu tag taghte ann, faodaidh tu droch bhuaidh a dhèanamh dìreach le bhith ag atharrachadh neo-dhìomhaireachd na h-ìomhaigh.
a: hover img {
criathrag: alpha (opacity = 50)
criathar: progid: DXImageTransform.Microsoft.Alpha (opacity = 50)
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
dìomhaireachd: 0.5;
}
A 'toirt buaidh air an HTML seo:
Dèan deuchainn air na stoidhlichean gu h-àrd agus HTML ann an gnìomh.
Cuir Teacsa air Na Dealbhan agad
Le dìomhaireachd, faodaidh tu teacsa a chur thairis air ìomhaigh agus nochdaidh an ìomhaigh a 'crìonadh far a bheil an teacsa sin.
Chan eil an dòigh seo gu math duilich, oir chan urrainn dhut dìreach an ìomhaigh a dhìth, oir bidh sin a 'crìonadh an ìomhaigh gu lèir. Agus chan urrainn dhut am bogsa teacsa a leigeil dheth, oir thèid an teacs a leigeil dheth cuideachd.
- An toiseach, cruthaich tu inneal DIV agus cuir do dhealbhan a-staigh:
- Lean an ìomhaigh le DIV falamh - is e sin a nì thu follaiseach.
- Is e an rud mu dheireadh a chuireas tu ann an HTML agad an DIV leis an teacsa agad ann:
Is e seo mo chù Shasta. Nach e e tlachdmhor a th 'ann! - Bidh thu ga stoidhle le suidheachadh CSS, gus an teacsa a shuidheachadh os cionn na h-ìomhaigh. Chuir mi mo theacsa air an taobh chlì, ach faodaidh tu a chur air an làimh dheis le bhith ag atharrachadh an dà chlì: 0; seilbh gu deas: 0; S an Iar-
#image {
suidheachadh: càirdeach;
leud: 170px;
àirde: 128px;
iomall: 0;
}
#text {
suidheachadh: iomlan;
top: 0;
clì: 0;
leud: 60px;
àirde: 118px;
cùl-fhiosrachadh: #fff;
gleabadh: 5px;
}
#text {
criathrag: alpha (opacity = 70);
criathar: progid: DXImageTransform.Microsoft.Alpha (opacity = 70);
-moz-opacity: 0.70;
dìomhaireachd: 0.7;
}
#words {
suidheachadh: iomlan;
top: 0;
clì: 0;
leud: 60px;
àirde: 118px;
cùl-raon: follaiseach;
gleabadh: 5px;
}
Faic mar a tha e a 'coimhead