mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-18 07:45:30 +00:00
33 lines
493 B
HTML
33 lines
493 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<meta charset="utf-8">
|
|
<title>Make sure that we don't pull background colors into container layers that have effects applied on them</title>
|
|
|
|
<style>
|
|
|
|
#outer {
|
|
background-color: white;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
#outer > div {
|
|
margin: 20px;
|
|
border: 1px solid white;
|
|
height: 20px;
|
|
}
|
|
|
|
#inner1 {
|
|
mix-blend-mode: difference;
|
|
}
|
|
|
|
#inner2 {
|
|
filter: invert(100%);
|
|
}
|
|
|
|
</style>
|
|
|
|
<div id="outer">
|
|
<div id="inner1"></div>
|
|
<div id="inner2"></div>
|
|
</div>
|