Autor | Zpráva | ||
---|---|---|---|
Kcko Profil |
Ahoj,
možná se s tím už někdo setkal, já nedávno; a ani jsem nevěděl, že element s nestatickou pozicí ovliňuje rodič, který má také nestatickou pozici. Tj. absolutní /fixní dítě je uzamčené v rodiči, který má relative/absolute/fixed. Doposud v pořádku, takto jsem žil celá dlouhá léta. Nedávno jsem zjistil, že kontejner, který dítě uzamkne, může být i ten, který má nastaveno transformaci a pravděpodobně i jiné vlastnosti (will-change atd). Vyrobil jsem demo, které to krásně demonstruje. jsbin.com/jewiqudavo/2/edit?html,css,js,output V naší Vue appce to řeším teleportem (přesunu modální okno do documentu a tím mám vyřešeno). Ale na co se chci zeptat, existuje nějaký css hack, který by tohle hovadské chování rozbil? Transformaci na rodiči potřebuji, změna struktury atd nepřichází v úvahu. Na SO jsem našel řešení v podobě použití translate3D() / translateZ na dítěti ale to nefunguje. Nezná někdo fígl? (tohle už dávno nefunguje Fixed element disappears in Chrome) Tady je popis co všechno tohle může způsobit: The stacking context » The stacking context |
||
Časová prodleva: 2 roky
|
0