Fiphaza iphepha elingemva kokugqunyelelwa usebenzisa i-CSS

Ukuba usebenzisa izinto ezinje ngokugqume (okungumgaqo kumaxesha e-GDPR) kwaye ufuna ukuthambisa indawo esemva kokugqume ngaphezulu, umzekelo, uhlala uhlangabezana nengxaki yomxholo wokuxinana . Umzekelo, ukuba unezinto ezibekwe ngokupheleleyo okanye kwindawo emiselweyo, baya kuthi ngequbuliso baboniswe ngokwahlukileyo ngaphandle kwesihluzi esisetyenzisiweyo. Kodwa kukho isilungiso.


Le khowudi ilandelayo ibonisa lo mzekelo. Ibhokisi ngasemva kufuneka ibekwe phezulu ngasekunene, kodwa ihanjisiwe:

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

I-W3C ithi ngokucacileyo: "Ayisiyo i-bug, luphawu." . Le iinkcukacha uchaza ubudlelwane:

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 ikwafanele ukufundwa.

Ezi zinto zilandelayo zeCSS zenza umxholo omtsha wokubeka isitokhwe ukuze izinto zomntwana ezizinzileyo okanye ezimileyo zingasaziphathi ngokuhambelana neziko lokujonga, kodwa endaweni yokucoca umzali:

  • filter
  • transform
  • backdrop-filter
  • perspective
  • contain
  • transform-style
  • will-change

Kodwa kukho isisombululo kwingxaki yoqobo: Ipropathi ye-CSS yangemva- isihluzi (esaziwa ngokuhluza inxenye yendawo ngasemva kwezinto) iyawenza umsebenzi. Umxholo omtsha we-stacking ukwenziwe apha, kodwa oku akunamsebenzi njengoko kungekho zinto zomntwana kwizinto zobuxoki:

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

Emva