Isixhumanisi esiluliwe
Yenza noma iyiphi ingxenye ye-HTML noma ingxenye ye-Bootstrap ichofozeke “ngokwelula” isixhumanisi esisidleke nge-CSS.
Engeza .stretched-link
kusixhumanisi ukuze wenze ibhulokhi equkethe ichofozeke nge- ::after
elementi mbumbulu. Ezimweni eziningi, lokhu kusho ukuthi i-elementi enaleyo position: relative;
equkethe isixhumanisi .stretched-link
nekilasi iyachofozeka.
Amakhadi position: relative
ngokuzenzakalelayo ane-Bootstrap, ngakho kulokhu ungakwazi ukwengeza .stretched-link
ikilasi ngokuphephile kusixhumanisi ekhadini ngaphandle kwanoma yiziphi ezinye izinguquko ze-HTML.
Izixhumanisi eziningi kanye nethagethi yokuthepha akunconywa ngezixhumanisi eziluliwe. Nokho, ezinye position
nezitayela z-index
zingasiza uma lokhu kudingekile.
Ikhadi elinesixhumanisi esiluliwe
Umbhalo othile oyisibonelo esisheshayo wokwakha esihlokweni sekhadi futhi wenze ingxenye enkulu yokuqukethwe ekhadini.
Hamba ndawana thizeIzinto zemidiya azinazo position: relative
ngokuzenzakalela, ngakho-ke sidinga ukungeza .position-relative
lapha ukuze sinqande isixhumanisi ukuthi singanwebeki ngaphandle kwento yemidiya.
Imidiya enesixhumanisi esiluliwe
Cras sit amet nibh libero, in gravida nulla. I-Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. I-Fusce condimentum nunc ac nisi vulputate fringilla. I-Donec lacinia congue felis in faucibus.
Hamba ndawana thizeAmakholomu position: relative
ngokuzenzakalela, ngakho amakholomu achofozekayo adinga kuphela .stretched-link
ikilasi elikusixhumanisi. Nokho, ukwelula isixhumanisi phezu kwayo yonke .row
kudinga .position-static
kukholamu .position-relative
nasemgqeni.
Amakholomu anesixhumanisi esiluliwe
Cras sit amet nibh libero, in gravida nulla. I-Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. I-Fusce condimentum nunc ac nisi vulputate fringilla. I-Donec lacinia congue felis in faucibus.
Hamba ndawana thizeUkuhlonza ibhulokhi equkethe
Uma isixhumanisi esiluliwe singabonakali singasebenzi, ibhulokhi equkethe cishe iyoba imbangela. Izici ezilandelayo ze-CSS zizokwenza ingxenye ibe ibhulokhi eliqukethe:
- Inani
position
ngaphandlestatic
- A
transform
nomaperspective
inani ngaphandlenone
- Inani noma
will-change
_transform
perspective
- Inani
filter
ngaphandlenone
nomawill-change
inanifilter
(lisebenza kuphela kuFirefox)
Ikhadi elinezixhumanisi eziluliwe
Umbhalo othile oyisibonelo esisheshayo wokwakha esihlokweni sekhadi futhi wenze ingxenye enkulu yokuqukethwe ekhadini.
Isixhumanisi esiluliwe ngeke sisebenze lapha, ngoba position: relative
sengezwe kusixhumanisi
Lesi sixhumanisi esiluliwe sizosatshalaliswa phezu kwe- tag kuphela p
, ngoba uguquko lusetshenziswa kuyo.