Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> .a { background-color: #ccc; } #isolation-example { width: 300px; height: 300px; } .c { width: 100px; height: 100px; border: 1px solid #000; padding: 10px; mix-blend-mode: difference; } #isolation-example1 { isolation: auto; } #isolation-example2 { isolation: isolate; } </style> </head> <body> <h2>Isolation property example</h2> <div id="isolation-example" class="a"> <div id="isolation-example1"> <div class="a c">isolation: auto;</div> </div> <div id="isolation-example2"> <div class="a c">isolation: isolate;</div> </div> </div> </body> </html>