Fiphaza ikhasi ngemuva kwembondela usebenzisa i-CSS

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 ngokusobala: "Akusona isiphazamisi, kuyisici." . I sebhithi ichaza ubuhlobo:

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

Kepha kunesixazululo enkingeni yoqobo: Isihlungi se- CSS sangemuva- isakhiwo (empeleni esaziwa ngokuhlunga ngokwengxenye izindawo ezingemuva kwezinto) senza esikufunayo lapha. Umongo omusha wokustaka nawo ukhiqizwa lapha, kepha lokhu akubalulekile ngoba azikho izinto zengane entweni-mbumbulu:

See the Pen CSS BLUR STACKING CONTEXT #2 by David Vielhuber (@vielhuber) on CodePen.

Emuva