Ábhar
Tabhair spéis amhairc do shuíomh Gréasáin le grafaicí cúlra
athbhreithnithe ag
Anois, féach ar CSS. Níl sé i bhfad difriúil ná an cód thuas. Tá cúpla breisiú ann chun é a dhéanamh níos soiléire.
Anois, is é seo an toradh ar an scáileán iomlán.
Trí shocrú méid cúlra chun clúdach, cinnteoidh tú go ndéanfaidh brabhsálaithe an íomhá cúlra, cibé mór é, a scála go huathoibríoch chun limistéar iomlán na heiliminte HTML a bhfuil sí á cur i bhfeidhm air a chlúdach. Féach ar fhuinneog níos cúinge.
De réir caniuse.com, tacaíonn os cionn nócha faoin gcéad de na brabhsálaithe leis an gceann seo, rud a fhágann gur rogha follasach é i bhformhór na gcásanna. Cruthaíonn sé roinnt fadhbanna le brabhsálaithe Microsoft, mar sin d’fhéadfadh go mbeadh gá le cúltaca.
An Bealach Fallback
Seo sampla a úsáideann íomhá cúlra do chorp leathanaigh agus a shocraíonn an méid go 100% ionas go síneoidh sé i gcónaí chun an scáileán a fheistiú. Níl an modh seo foirfe, agus d’fhéadfadh go mbeadh roinnt spáis nochtaithe ann, ach trí úsáid a bhaint as an cúlra-seasamh réadmhaoin, ba cheart go mbeifeá in ann deireadh a chur leis an bhfadhb agus freastal ar bhrabhsálaithe níos sine fós.
corp {
cúlra: url ('bgimage.webp');
cúlra-athrá: gan athdhéanamh;
méid cúlra: 100%;
cúlra-suíomh: lár;
}
Ag baint úsáide as an sampla ó thuas leis an méid cúlra leagtha chun 100% ina ionad sin, feiceann tú go bhfuil an chuma chéanna ar CSS den chuid is mó.
Tá an toradh ar bhrabhsálaí lánscáileáin nó ar cheann le toisí cosúil leis an íomhá beagnach mar an gcéanna. Mar sin féin, le scáileán níos cúinge, tosaíonn na lochtanna ag taispeáint.
Is léir nach bhfuil sé an-oiriúnach, ach oibreoidh sé mar chúltaca.
De réir caniuse.com, oibríonn an mhaoin seo in IE 9+, Firefox 4+, Opera 10.5+, Safari 5+, Chrome 10.5+, agus ar na brabhsálaithe móra soghluaiste go léir. Clúdaíonn sé seo tú do na brabhsálaithe nua-aimseartha go léir atá ar fáil inniu, rud a chiallaíonn gur cheart duit an mhaoin seo a úsáid gan eagla nach n-oibreoidh sé ar scáileán duine éigin.
Idir an dá mhodh seo, níor cheart go mbeadh aon deacracht agat tacú le beagnach gach brabhsálaí. Mar cúlra-mhéid: clúdach má ghlactar níos mó fós le brabhsálaithe, ní bheidh gá leis an gcúlghairm seo fiú. Is léir go bhfuil CSS3 agus cleachtais dearaidh níos freagraí tar éis íomhánna a shimpliú agus a shruthlíniú trí chúlraí oiriúnaitheacha laistigh d’eilimintí HTML.
