Ihuza rirambuye
Kora ikintu icyo ari cyo cyose cya HTML cyangwa Bootstrap ibice ushobora gukanda "kurambura" ihuza ryashyizwe kuri CSS.
Ongeraho .stretched-link
kumurongo kugirango ukore ibiyirimo birimo gukanda ukoresheje ::after
pseudo. Mubihe byinshi, ibi bivuze ko ikintu position: relative;
kirimo ibintu bifitanye isano .stretched-link
nishuri birashobora gukanda.
Ikarita ifite position: relative
ubusanzwe muri Bootstrap, muriki gihe rero urashobora kongeramo umutekano mumurongo .stretched-link
uhuza ikarita nta yandi mahinduka ya HTML.
Imirongo myinshi hamwe nintego zo gukanda ntabwo byemewe hamwe nu murongo urambuye. Ariko, bimwe position
nuburyo z-index
birashobora gufasha mugihe ibi bisabwa.
Ikarita ifite umurongo urambuye
Bimwe mubyihuta byanditse kugirango wubake kumutwe wikarita no gukora igice kinini cyibirimo.
Genda ahantu runakaIbikoresho byitangazamakuru ntabwo bifite byanze position: relative
bikunze, dukeneye rero kongeramo .position-relative
hano kugirango tubuze guhuza kurambura hanze yikinyamakuru.
Itangazamakuru rifite umurongo urambuye
Cras icara amet nibh libero, muri gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum muri vulputate kuri, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis muri faucibus.
Genda ahantu runakaInkingi position: relative
nibisanzwe, bityo gukanda inkingi bisaba gusa .stretched-link
icyiciro kumurongo. Ariko, kurambura umurongo hejuru yose .row
bisaba .position-static
kumurongo no .position-relative
kumurongo.
Inkingi zifite umurongo urambuye
Cras icara amet nibh libero, muri gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum muri vulputate kuri, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis muri faucibus.
Genda ahantu runakaKumenya ibibujijwe
Niba irambuye rirambuye ridasa nkakazi, ibirimo birimo birashobora kuba impamvu. Imiterere ya CSS ikurikira izakora ikintu kirimo blok:
- Agaciro
position
uretsestatic
- A
transform
cyangwaperspective
agaciro uretsenone
will-change
Agaciro katransform
cyangwaperspective
filter
Agaciro kitarinone
cyangwawill-change
agaciro ka (filter
ikora gusa kuri Firefox)
Ikarita ifite imiyoboro irambuye
Bimwe mubyihuta byanditse kugirango wubake kumutwe wikarita no gukora igice kinini cyibirimo.
Ihuza rirambuye ntirikora hano, kuko position: relative
ryongewe kumurongo
Ihuza rirambuye rizakwirakwizwa gusa kuri p
-tag, kuko impinduka ikoreshwa kuri yo.