Teste de positions e z-index CSS

Exemplo de position static: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mattis quam sit amet tellus porttitor lobortis. Suspendisse gravida nibh id faucibus scelerisque. Praesent dapibus lacus ipsum, sed vulputate risus luctus sed. Curabitur consectetur elit nec lectus suscipit sagittis. Donec id mi imperdiet, condimentum tortor ut, consectetur ex. Duis pulvinar ac ex ac viverra. Morbi lobortis ultrices sapien a vehicula. Sed ultricies lorem sed ipsum sagittis dignissim. Maecenas ac dapibus nibh. Mauris diam libero, aliquet vel justo ut, bibendum eleifend sapien. Duis rhoncus augue neque, non posuere orci convallis id. Nunc varius vitae ex quis ullamcorper. Ut feugiat nibh ante, at accumsan nisi imperdiet non.
Proin suscipit ac tellus a rutrum. Sed dignissim, dui at tempus venenatis, tortor elit fringilla quam, vel sollicitudin tortor diam ut urna. Proin sed condimentum augue, vitae semper mi. In hac habitasse platea dictumst. Ut pulvinar, lectus quis tempor iaculis, nisi nulla sagittis justo, at bibendum turpis eros nec nisi. Sed luctus, orci eget feugiat mollis, turpis erat dignissim dui, id consequat justo mauris a velit. Cras sit amet rhoncus ligula. Maecenas diam dui, commodo in libero et, posuere congue augue. Donec et maximus justo. In ut sem lacinia, molestie leo sed, ultricies eros. Cras ut cursus lacus, et vulputate turpis. Mauris luctus suscipit dapibus. Maecenas consequat, elit vitae egestas molestie, metus enim pulvinar elit, quis blandit orci enim sit amet eros.
Suspendisse quis tellus eu odio porta congue. Sed at elit viverra, venenatis nisl a, volutpat nibh. Donec aliquet auctor ipsum, id rutrum sem ornare at. Vivamus a metus mi. Mauris eu ex mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse potenti. Aenean dictum lorem ac vulputate vestibulum. Sed ullamcorper placerat dui eu gravida. Suspendisse cursus augue lacus, sed porttitor nulla convallis eget. Duis viverra ex luctus luctus tincidunt. Vestibulum id massa quis ligula convallis mollis at placerat erat. Vestibulum aliquet orci a dui faucibus aliquam.
Pellentesque maximus magna sed nibh varius consectetur. Morbi gravida lobortis lacus a consectetur. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque massa arcu, molestie a felis sit amet, mattis cursus ex. Etiam vulputate mattis interdum. Aenean elementum porttitor justo, nec imperdiet metus laoreet eget. Pellentesque imperdiet rhoncus massa. Vivamus convallis tellus porta enim commodo pellentesque. Phasellus eget sem ac magna porta iaculis. Nullam magna erat, hendrerit quis pharetra eleifend, vehicula at est. Integer ut urna scelerisque, consectetur tellus nec, egestas felis. Phasellus a lectus dui. Aenean ut augue pharetra, volutpat lacus vel, finibus ex.

Exemplo de position static: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mattis quam sit amet tellus porttitor lobortis. Suspendisse gravida nibh id faucibus scelerisque. Praesent dapibus lacus ipsum, sed vulputate risus luctus sed. Curabitur consectetur elit nec lectus suscipit sagittis. Donec id mi imperdiet, condimentum tortor ut, consectetur ex. Duis pulvinar ac ex ac viverra. Morbi lobortis ultrices sapien a vehicula. Sed ultricies lorem sed ipsum sagittis dignissim. Maecenas ac dapibus nibh. Mauris diam libero, aliquet vel justo ut, bibendum eleifend sapien. Duis rhoncus augue neque, non posuere orci convallis id. Nunc varius vitae ex quis ullamcorper. Ut feugiat nibh ante, at accumsan nisi imperdiet non.
Proin suscipit ac tellus a rutrum. Sed dignissim, dui at tempus venenatis, tortor elit fringilla quam, vel sollicitudin tortor diam ut urna. Proin sed condimentum augue, vitae semper mi. In hac habitasse platea dictumst. Ut pulvinar, lectus quis tempor iaculis, nisi nulla sagittis justo, at bibendum turpis eros nec nisi. Sed luctus, orci eget feugiat mollis, turpis erat dignissim dui, id consequat justo mauris a velit. Cras sit amet rhoncus ligula. Maecenas diam dui, commodo in libero et, posuere congue augue. Donec et maximus justo. In ut sem lacinia, molestie leo sed, ultricies eros. Cras ut cursus lacus, et vulputate turpis. Mauris luctus suscipit dapibus. Maecenas consequat, elit vitae egestas molestie, metus enim pulvinar elit, quis blandit orci enim sit amet eros.
Suspendisse quis tellus eu odio porta congue. Sed at elit viverra, venenatis nisl a, volutpat nibh. Donec aliquet auctor ipsum, id rutrum sem ornare at. Vivamus a metus mi. Mauris eu ex mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse potenti. Aenean dictum lorem ac vulputate vestibulum. Sed ullamcorper placerat dui eu gravida. Suspendisse cursus augue lacus, sed porttitor nulla convallis eget. Duis viverra ex luctus luctus tincidunt. Vestibulum id massa quis ligula convallis mollis at placerat erat. Vestibulum aliquet orci a dui faucibus aliquam.
Pellentesque maximus magna sed nibh varius consectetur. Morbi gravida lobortis lacus a consectetur. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque massa arcu, molestie a felis sit amet, mattis cursus ex. Etiam vulputate mattis interdum. Aenean elementum porttitor justo, nec imperdiet metus laoreet eget. Pellentesque imperdiet rhoncus massa. Vivamus convallis tellus porta enim commodo pellentesque. Phasellus eget sem ac magna porta iaculis. Nullam magna erat, hendrerit quis pharetra eleifend, vehicula at est. Integer ut urna scelerisque, consectetur tellus nec, egestas felis. Phasellus a lectus dui. Aenean ut augue pharetra, volutpat lacus vel, finibus ex.

Exemplo de position static: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mattis quam sit amet tellus porttitor lobortis. Suspendisse gravida nibh id faucibus scelerisque. Praesent dapibus lacus ipsum, sed vulputate risus luctus sed. Curabitur consectetur elit nec lectus suscipit sagittis. Donec id mi imperdiet, condimentum tortor ut, consectetur ex. Duis pulvinar ac ex ac viverra. Morbi lobortis ultrices sapien a vehicula. Sed ultricies lorem sed ipsum sagittis dignissim. Maecenas ac dapibus nibh. Mauris diam libero, aliquet vel justo ut, bibendum eleifend sapien. Duis rhoncus augue neque, non posuere orci convallis id. Nunc varius vitae ex quis ullamcorper. Ut feugiat nibh ante, at accumsan nisi imperdiet non.
Proin suscipit ac tellus a rutrum. Sed dignissim, dui at tempus venenatis, tortor elit fringilla quam, vel sollicitudin tortor diam ut urna. Proin sed condimentum augue, vitae semper mi. In hac habitasse platea dictumst. Ut pulvinar, lectus quis tempor iaculis, nisi nulla sagittis justo, at bibendum turpis eros nec nisi. Sed luctus, orci eget feugiat mollis, turpis erat dignissim dui, id consequat justo mauris a velit. Cras sit amet rhoncus ligula. Maecenas diam dui, commodo in libero et, posuere congue augue. Donec et maximus justo. In ut sem lacinia, molestie leo sed, ultricies eros. Cras ut cursus lacus, et vulputate turpis. Mauris luctus suscipit dapibus. Maecenas consequat, elit vitae egestas molestie, metus enim pulvinar elit, quis blandit orci enim sit amet eros.
Suspendisse quis tellus eu odio porta congue. Sed at elit viverra, venenatis nisl a, volutpat nibh. Donec aliquet auctor ipsum, id rutrum sem ornare at. Vivamus a metus mi. Mauris eu ex mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse potenti. Aenean dictum lorem ac vulputate vestibulum. Sed ullamcorper placerat dui eu gravida. Suspendisse cursus augue lacus, sed porttitor nulla convallis eget. Duis viverra ex luctus luctus tincidunt. Vestibulum id massa quis ligula convallis mollis at placerat erat. Vestibulum aliquet orci a dui faucibus aliquam.
Pellentesque maximus magna sed nibh varius consectetur. Morbi gravida lobortis lacus a consectetur. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque massa arcu, molestie a felis sit amet, mattis cursus ex. Etiam vulputate mattis interdum. Aenean elementum porttitor justo, nec imperdiet metus laoreet eget. Pellentesque imperdiet rhoncus massa. Vivamus convallis tellus porta enim commodo pellentesque. Phasellus eget sem ac magna porta iaculis. Nullam magna erat, hendrerit quis pharetra eleifend, vehicula at est. Integer ut urna scelerisque, consectetur tellus nec, egestas felis. Phasellus a lectus dui. Aenean ut augue pharetra, volutpat lacus vel, finibus ex.