Sehokelo se otlolohileng
Etsa hore karolo efe kapa efe ea HTML kapa karolo ea Bootstrap e tobetsoe ka ho "otlolla" sehokelo sa sehlaha ka CSS.
Eketsa .stretched-link
sehokelong ho etsa hore block e nang le eona e tobehe ka karolo ea ::after
pseudo. Hangata, sena se bolela hore ntho position: relative;
e nang le sehokelo le .stretched-link
sehlopha e ka tobeha.
Likarete li na position: relative
le "Bootstrap" ka mokhoa o ikhethileng, kahoo maemong ana o ka eketsa .stretched-link
sehlopha ka mokhoa o sireletsehileng sehokelong sa karete ntle le liphetoho tse ling tsa HTML.
Lihokelo tse ngata le litebello tsa lipompo ha li khothalletsoe ka lihokelo tse otlolohileng. Leha ho le joalo, tse ling position
le z-index
litaele li ka thusa haeba sena se hlokahala.
Karete e nang le sehokelo se otlolohileng
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Eya kae-kaeLintho tsa mecha ea litaba ha li na position: relative
ka ho sa feleng, kahoo re hloka ho kenyelletsa .position-relative
mona ho thibela sehokelo hore se se ke sa otlolla ka ntle ho ntho ea media.
Mecha ea litaba e nang le sehokelo se otlolohileng
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
Eya kae-kaeLikholomo position: relative
ke tsa kamehla, kahoo likholomo tse tobehang li hloka feela .stretched-link
sehlopha se hokahaneng. Leha ho le joalo, ho otlolla sehokelo holim'a sehokelo kaofela .row
ho hloka .position-static
kholomong le .position-relative
moleng.
Likholomo tse nang le lihokelo tse otlolohileng
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
Eya kae-kaeHo khetholla boloko bo nang le
Haeba sehokelo se otlolohileng se bonahala se sa sebetse, ho ka etsahala hore ebe sesosa se ka ba sesosa. Mehaho e latelang ea CSS e tla etsa ntho e nang le block:
position
Boleng ntle lestatic
- A
transform
kapaperspective
boleng ntle lenone
will-change
Boleng batransform
kapaperspective
filter
Boleng ntle le kapanone
bolengwill-change
bafilter
(e sebetsa feela ho Firefox)
Karete e nang le lihokelo tse otlolohileng
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Sehokelo se otlolohileng se ke ke sa sebetsa mona, hobane position: relative
se kentsoe sehokelong
Sehokelo sena se otlolohileng se tla hasana holim'a p
-tag, hobane phetoho e sebelisoa ho eona.