Uma usebenzisa izinto ezifana nokumbondelana (okuwumthetho ngezikhathi ze-GDPR actionism) futhi ufuna ukuthambisa indawo engemuva kwembondela, ngokwesibonelo, uvame ukuhlangabezana nenkinga yokuqukethwe kwesitaki . Isibonelo, uma unezinto ezibekwe ngokuphelele noma zisesimweni esinqunyiwe, zikhonjiswa ngokungazelelwe ngokuhlukile ngaphandle kwesihlungi esisetshenzisiwe. Kepha kukhona ikhambi.
Ikhodi elandelayo ikhombisa lesi sibonelo. Ibhokisi ngemuva kufanele empeleni libekwe phezulu ngakwesokudla, kepha liyasuswa:
See the Pen CSS BLUR STACKING CONTEXT #1 by David Vielhuber (@vielhuber) on CodePen.
I-W3C isho ngokucacile lapha: "Akusona isiphazamisi, isici." Imininingwane ichaza ukuxhumana:
A value other than none for the filter property results in the creation of a containing block for absolute and fixed positioned descendants unless the element it applies to is a document root element in the current browsing context. The list of functions are applied in the order provided.
Ingxoxo ngeGitHub nayo kufanele ifundwe.
Lezi zakhiwo ze-CSS ezilandelayo zakha umongo omusha wokustaka, ukuze izinto zezingane ngokuphelele noma ezimiswe kahle zingasaziphathi ngokuhlobene ne-portport, kepha kunento yomzali ehlungiwe:
- filter
- transform
- backdrop-filter
- perspective
- contain
- transform-style
- will-change
Kodwa kunesixazululo senkinga yasekuqaleni: Isihlungi se-backdrop- property ye-CSS (eyaziwa ngempela ngokuhlunga kancane izindawo ezingemuva kwezakhi) yenza okufunayo lapha. Nakuba umongo omusha wokupakisha nawo udalwe lapha, awusebenzi njengoba zingekho izici zengane ku-elementi-mbumbulu.:
See the Pen CSS BLUR STACKING CONTEXT #2 by David Vielhuber (@vielhuber) on CodePen.