ប្រសិនបើអ្នកប្រើធាតុដូចជាការត្រួតលើគ្នា (ដែលជាវិធាននៅក្នុងដងនៃសកម្មភាព GDPR) និងចង់បន្ទន់តំបន់នៅពីក្រោយការត្រួតលើគ្នាឧទាហរណ៍អ្នកច្រើនតែឆ្លងកាត់បញ្ហានៃ បរិបទជង់ ។ ឧទាហរណ៍ប្រសិនបើអ្នកមានធាតុស្ថិតនៅទីតាំងដាច់ខាតឬនៅក្នុងទីតាំងថេរនោះពួកវាត្រូវបានបង្ហាញខុសគ្នាភ្លាមៗដោយមិនមានតម្រងដែលបានអនុវត្ត។ ប៉ុន្តែមានសំណងមួយ។
លេខកូដខាងក្រោមបង្ហាញពីឧទាហរណ៍នេះ។ ប្រអប់នៅក្នុងផ្ទៃខាងក្រោយគួរតែត្រូវបានដាក់នៅខាងស្តាំខាងលើប៉ុន្តែវាត្រូវបានផ្លាស់ទី:
See the Pen CSS BLUR STACKING CONTEXT #1 by David Vielhuber (@vielhuber) on CodePen.
W3C និយាយយ៉ាងច្បាស់នៅទីនេះថា "វាមិនមែនជាកំហុសទេ វាជាលក្ខណៈពិសេស"។ ការបញ្ជាក់ ពន្យល់ពីការតភ្ជាប់:
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.
ការពិភាក្សាអំពី ហ្គីតហូបក៏មានតម្លៃផងដែរក្នុងការអាន។
លក្ខណសម្បត្តិ CSS ខាងក្រោមនេះបង្កើតបរិបទដាក់ជាជង់ថ្មីដូច្នេះធាតុកុមារដែលត្រូវបានកំណត់យ៉ាងជាក់លាក់ឬថេរមិនមានឥរិយាបទទាក់ទងនឹងច្រកមើលទេប៉ុន្តែផ្ទុយទៅវិញចំពោះធាតុមេដែលបានត្រង។:
- filter
- transform
- backdrop-filter
- perspective
- contain
- transform-style
- will-change
ប៉ុន្តែមានដំណោះស្រាយចំពោះបញ្ហាដើម៖ តម្រងផ្ទៃខាងក្រោយ របស់ CSS (ដែលតាមពិតត្រូវបានគេស្គាល់ថាសម្រាប់ការត្រងផ្នែកខ្លះនៅពីក្រោយធាតុ) ធ្វើអ្វីដែលចង់បាននៅទីនេះ។ ទោះបីជាបរិបទជង់ថ្មីក៏ត្រូវបានបង្កើតនៅទីនេះដែរ ប៉ុន្តែវាមិនពាក់ព័ន្ធទេ ដោយសារមិនមានធាតុកូននៅក្នុងធាតុ pseudo-element:
See the Pen CSS BLUR STACKING CONTEXT #2 by David Vielhuber (@vielhuber) on CodePen.