Eyi ni bi o ṣe le fi awọn aworan apẹrẹ idahun ṣe pẹlu lilo CSS
Wo awọn oju-iwe ayelujara ti o gbajumo loni ati itọju ọkan ti o rii daju pe o tobi, awọn aworan ti o ni oju iboju. Ọkan ninu awọn italaya pẹlu fifi awọn aworan wọnyi han ni iṣẹ ti o dara julọ ti awọn aaye ayelujara gbọdọ dahun si titobi iboju ati awọn ẹrọ - ọna ti a mọ gẹgẹbi ojuṣe oniru wẹẹbu .
Niwon awọn iyipada ifilelẹ ti aaye ayelujara rẹ ati awọn irẹjẹ pẹlu titobi iboju pupọ, bẹ naa gbọdọ jẹ ki awọn aworan atẹhin ṣe iwọn iwọnwọn wọn gẹgẹbi.
Ni otitọ, awọn "awọn aworan fifun" jẹ ọkan ninu awọn ọna pataki ti awọn aaye ayelujara ti n ṣe idahun (pẹlu pẹlu akojopo omi ati awọn ibeere igbasilẹ). Awọn ọna mẹta naa ti jẹ apẹrẹ ti awọn ojuṣe oju-iwe ayelujara ti o tun ṣe lati igba ibẹrẹ, ṣugbọn nigba ti o jẹ nigbagbogbo rọrun lati fi awọn aworan inline idahun si aaye kan (awọn aworan inline jẹ awọn eya ti a ti ṣafikun gẹgẹbi apakan ti idasi HTML), ṣe bakanna pẹlu awọn aworan lẹhin (eyi ti a ṣe atokọ sinu oju-iwe nipa lilo CSS awọn ohun-ini ti tẹlẹ) ti pẹ fun ipenija nla si ọpọlọpọ awọn apẹẹrẹ oju-iwe ayelujara ati awọn olupin idagbasoke iwaju. A dupe pe, afikun ti ohun-ini "iwọn-lẹhin" ni CSS ṣe eyi ṣee ṣe.
Ni iwe ti a sọtọ, Mo bo bi o ṣe le lo awọn ohun-elo CSS3 ti o wa ni ibẹrẹ si awọn aworan isanwo lati fi ipele kan sinu window kan, ṣugbọn o tun dara julọ, ọna ti o wulo julọ lati ṣe iranlọwọ fun ohun ini yii. Lati ṣe eyi, a yoo lo ohun-ini wọnyi ati iye-iye ti o wa:
lẹhin-iwọn: ideri;
Ifilelẹ ọrọ-ọrọ ideri sọ fun aṣàwákiri lati ṣe àwòrán aworan naa lati fi ipele ti window naa han, laibikita bi o ṣe tobi tabi kekere ti window naa n gba. Aworan naa ti ni iwọn lati bo oju iboju gbogbo, ṣugbọn awọn ipo ti o yẹ ati ipilẹ ti o wa tẹlẹ ni a pa mọ, ti o dabobo aworan naa kuro ninu aiyipada.
A fi aworan naa sinu window bi o ti ṣeeṣe ki oju iboju gbogbo wa ni bo. Eyi tumọ si pe iwọ kii yoo ni awọn aami ojiji ni oju-iwe rẹ tabi eyikeyi iparun lori aworan, ṣugbọn o tun tunmọ si pe diẹ ninu awọn aworan le wa ni ti a ti sọ ni pipa ti o da lori apakan ipin ti iboju ati aworan ti o ni ibeere. Fun apẹrẹ, awọn ẹgbẹ ti aworan kan (boya oke, isalẹ, osi, tabi ọtun) ni a le ge kuro lori awọn aworan, da lori iru iye ti o lo fun ohun-elo lẹhin-ipo. Ti o ba ṣalaye isale si "apa osi", eyikeyi opo lori aworan yoo wa ni isalẹ ati ni apa ọtun. Ti o ba ṣe atẹle aworan atẹhin, sisan naa yoo wa ni gbogbo awọn ẹgbẹ, ṣugbọn niwon igbati ikọlu naa ti tan jade, ipa lori eyikeyi ẹgbẹ kan yoo kere si iṣẹ.
Bi o ṣe le Lo iwọn-ipilẹ: ideri;
Nigbati o ba ṣẹda aworan atẹhin rẹ, o jẹ ero ti o dara lati ṣẹda aworan kan ti o tobi julọ. Lakoko ti awọn aṣàwákiri le ṣe aworan ti kii kere laisi akiyesi ti o ṣe akiyesi lori didara wiwo, nigba ti ẹrọ lilọ kiri ayelujara ṣe irẹjẹ aworan to iwọn ju titobi akọkọ lọ, didara didara yoo dinku, di blurry ati pixelated. Idoju si eyi ni pe oju-iwe rẹ gba iṣẹ kan nigbati o ba n fi awọn aworan nla si gbogbo iboju.
Nigbati o ba ṣe eyi, rii daju lati pese awọn aworan naa daradara fun gbigba iyara ati ifijiṣẹ wẹẹbu . Ni ipari, o nilo lati wa alabọde aladun laarin iwọn titobi nla ati didara ati iwọn faili to tọ fun awọn iyara gige.
Ọkan ninu awọn ọna ti o wọpọ lati lo awọn aworan atilẹyin ti o lo ni nigba ti o ba fẹ aworan naa lati gba oju-iwe ti oju-iwe kan, boya oju-iwe yii ni ibiti o ti ni wiwo lori kọmputa ori iboju tabi kekere pupọ ati ti a firanṣẹ si ẹrọ amusowo, alagbeka awọn ẹrọ.
Gbe aworan rẹ si ile-iṣẹ ayelujara rẹ ki o si fi sii si CSS rẹ bi aworan atẹhin:
lẹhin-aworan: url (fireworks-over-wdw.jpg);
lẹhin-tun: ko-tun;
ipo-lẹhin: ile-iṣẹ aarin;
lẹhin-asomọ: ti o wa titi;
Fi ṣatunkọ CSS ti a ti ṣaju rẹ tẹlẹ:
-disẹkitẹẹli-isale-iwọn: ideri;
-moz-background-size: ideri;
-o-lẹhin-iwọn: ideri;
Lẹhinna fi ohun ini CSS kun:
lẹhin-iwọn: ideri;
Lilo awọn Aworan Ti o Yatọ ti Awọn Ẹrọ Ti Yatọ Sii
Lakoko ti aṣiṣe idahun fun tabili tabi iriri igbasilẹ kan ṣe pataki, ọpọlọpọ awọn ẹrọ ti o le wọle si oju-iwe ayelujara naa ti pọ sii pataki, ati pe ọpọlọpọ awọn titobi iboju wa pẹlu pe.
Gẹgẹbi a ti sọ tẹlẹ, nṣe ikojọpọ idalehin aworan ti o tobi julọ lori foonuiyara, fun apẹẹrẹ, kii ṣe apẹrẹ ti o mọ daradara tabi bandwidth.
Mọ bi o ṣe le lo awọn ibeere igbasilẹ lati sin awọn aworan ti yoo jẹ ti o yẹ fun awọn ẹrọ ti wọn yoo han, ati siwaju sii ni ibamu si ibamu ti aaye ayelujara rẹ pẹlu awọn ẹrọ alagbeka.
Atilẹkọ article nipasẹ Jennfier Krynin. Edited by Jeremy Girard 9/12/17