| <!DOCTYPE html> | |
| <!-- | |
| | Elements with absolute position may have their containing block farther | |
| | up the hierarchy than the stacking context. | |
| --> | |
| <html> | |
| <head> | |
| </head> | |
| <body style="margin: 0px; font-family: Roboto;"> | |
| <div style="height:100px"></div> | |
| <div style="opacity:0.5; background-color:#B2DFDB;">x | |
| <div style="z-index:-1; top:5%; position:absolute; background-color:#00796B">x | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |