Hononga toro
Hangaia tetahi huānga HTML me tetahi waahanga Bootstrap ka taea te panui ma te "toro" he hononga kohanga ma te CSS.
Tāpirihia .stretched-link
ki te hono kia taea ai te paato i te paraka kei roto ma te ::after
huānga pseudo. I te nuinga o nga wa, ko te tikanga ko tetahi huānga position: relative;
kei roto he hononga ki te .stretched-link
akomanga ka taea te panui.
Ko nga kaari he position: relative
taunoa kei Bootstrap, na i tenei keehi ka taea e koe te taapiri i te .stretched-link
karaehe ki te hono ki te kaari kaore he huringa HTML.
Ko nga hononga maha me nga whaainga tap kaore i te tūtohutia me nga hononga totoro. Heoi, ka taea e etahi position
me z-index
nga momo te awhina mena ka hiahiatia tenei.
Kaari whai hononga toro
Ko etahi kupu tauira tere hei hanga ki runga i te taitara kaari me te hanga i te nuinga o nga ihirangi o te kaari.
Haere ki tetahi wahiKarekau he position: relative
taunoa o nga ahanoa pāpāho, no reira me taapiri i .position-relative
konei kia kore ai te hono e toro atu ki waho o te ahanoa pāpāho.
Media me te hono totoro
Ka noho noa koe, i roto i te gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac kore vulputate fringilla. Donec lacinia congue felis in faucibus.
Haere ki tetahi wahiKo nga tīwae he position: relative
taunoa, no reira ko nga pou ka taea te panui me hiahia te .stretched-link
karaehe ki runga hononga. Heoi, ko te toronga hononga ki runga i te katoa .row
ka hiahia .position-static
ki te pou me .position-relative
te rarangi.
Ngā tīwae whai hononga toro
Ka noho noa koe, i roto i te gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac kore vulputate fringilla. Donec lacinia congue felis in faucibus.
Haere ki tetahi wahiTe tautuhi i te poraka kei roto
Ki te ahua kore e mahi te hononga totoro, ko te paraka kei roto pea te take. Ko nga ahuatanga CSS e whai ake nei ka waiho he huānga hei poraka kei roto:
- He
position
uara atu istatic
- He uara atu
transform
raneiperspective
none
- He
will-change
uara otransform
raneiperspective
- He
filter
uara ke atu inone
tewill-change
uara ranei ofilter
(mahi anake ki Firefox)
Kaari me nga hononga totoro
Ko etahi kupu tauira tere hei hanga ki runga i te taitara kaari me te hanga i te nuinga o nga ihirangi o te kaari.
Karekau e mahi te hono totoro ki konei, na te mea position: relative
kua honoa ki te hono
Ka horahia tenei hononga totoro ki runga i te p
-tag, na te mea ka tukuna he huringa ki runga.