back css...

z-index: 1; mengendalikan tumpukan stacking elemen yang tumpah tindih di atas satu sama lain pada halaman web
nilai dari z-index adalah bilangan positif, negatif, atau nol
elemen dengan nilai z-index lebih tinggi akan tampil di atas elemen dengan nilai z-index lebih rendah


z-index: 1;

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eius labore ullam in. Eius perspiciatis nihil in, vero dicta porro officia quam doloremque veniam debitis vitae labore earum dolorum eveniet? Repellat? Est beatae quibusdam id! Reprehenderit amet ullam magnam molestiae rerum eligendi, impedit vel aliquam excepturi blanditiis officia maiores consequuntur. Nisi dolores laudantium eveniet incidunt explicabo esse, praesentium neque fugit doloremque. Modi vitae repellat, quasi est soluta quisquam? Ullam, iste! Vitae libero asperiores tenetur doloremque sunt sapiente aperiam voluptas repellendus assumenda delectus aspernatur perspiciatis accusamus nostrum, maiores, consequatur veritatis iure placeat. Quod totam fuga in qui voluptatem, necessitatibus quidem eius deleniti ipsum. Ratione cupiditate alias saepe corporis, reprehenderit harum fugiat tempore voluptates, recusandae tenetur, voluptas aut sequi officia maiores quidem similique. Fugit, quaerat quo sit necessitatibus, optio laborum dolor magni explicabo exercitationem rem corporis iste quod consequuntur iusto tempora repudiandae, est dolores eaque fugiat et aut itaque rerum! Molestias, ex similique! Reprehenderit maxime, quia omnis fugiat eligendi, expedita saepe beatae voluptatem officia repellendus assumenda vitae rem sunt ex velit reiciendis ipsum. Laudantium dolorem eaque, hic voluptate provident eveniet nobis molestiae iusto. Quis laudantium tempore aut, fuga corporis libero omnis? Dolor, fuga mollitia. Sed similique, accusamus repellat quis animi, saepe nam doloremque adipisci maxime earum consectetur dolorum laborum fugiat vel harum culpa. Assumenda doloribus rerum architecto aliquam ullam deserunt cupiditate velit vel consequuntur expedita tempore eligendi, corrupti ad eos nesciunt dolore! Cupiditate, fugiat repellendus ratione a qui tenetur voluptatem ab quod quaerat?

z-index: 2;

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eius labore ullam in. Eius perspiciatis nihil in, vero dicta porro officia quam doloremque veniam debitis vitae labore earum dolorum eveniet? Repellat? Est beatae quibusdam id! Reprehenderit amet ullam magnam molestiae rerum eligendi, impedit vel aliquam excepturi blanditiis officia maiores consequuntur. Nisi dolores laudantium eveniet incidunt explicabo esse, praesentium neque fugit doloremque. Modi vitae repellat, quasi est soluta quisquam? Ullam, iste! Vitae libero asperiores tenetur doloremque sunt sapiente aperiam voluptas repellendus assumenda delectus aspernatur perspiciatis accusamus nostrum, maiores, consequatur veritatis iure placeat. Quod totam fuga in qui voluptatem, necessitatibus quidem eius deleniti ipsum. Ratione cupiditate alias saepe corporis, reprehenderit harum fugiat tempore voluptates, recusandae tenetur, voluptas aut sequi officia maiores quidem similique. Fugit, quaerat quo sit necessitatibus, optio laborum dolor magni explicabo exercitationem rem corporis iste quod consequuntur iusto tempora repudiandae, est dolores eaque fugiat et aut itaque rerum! Molestias, ex similique! Reprehenderit maxime, quia omnis fugiat eligendi, expedita saepe beatae voluptatem officia repellendus assumenda vitae rem sunt ex velit reiciendis ipsum. Laudantium dolorem eaque, hic voluptate provident eveniet nobis molestiae iusto. Quis laudantium tempore aut, fuga corporis libero omnis? Dolor, fuga mollitia. Sed similique, accusamus repellat quis animi, saepe nam doloremque adipisci maxime earum consectetur dolorum laborum fugiat vel harum culpa. Assumenda doloribus rerum architecto aliquam ullam deserunt cupiditate velit vel consequuntur expedita tempore eligendi, corrupti ad eos nesciunt dolore! Cupiditate, fugiat repellendus ratione a qui tenetur voluptatem ab quod quaerat?

z-index: 3;

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eius labore ullam in. Eius perspiciatis nihil in, vero dicta porro officia quam doloremque veniam debitis vitae labore earum dolorum eveniet? Repellat? Est beatae quibusdam id! Reprehenderit amet ullam magnam molestiae rerum eligendi, impedit vel aliquam excepturi blanditiis officia maiores consequuntur. Nisi dolores laudantium eveniet incidunt explicabo esse, praesentium neque fugit doloremque. Modi vitae repellat, quasi est soluta quisquam? Ullam, iste! Vitae libero asperiores tenetur doloremque sunt sapiente aperiam voluptas repellendus assumenda delectus aspernatur perspiciatis accusamus nostrum, maiores, consequatur veritatis iure placeat. Quod totam fuga in qui voluptatem, necessitatibus quidem eius deleniti ipsum. Ratione cupiditate alias saepe corporis, reprehenderit harum fugiat tempore voluptates, recusandae tenetur, voluptas aut sequi officia maiores quidem similique. Fugit, quaerat quo sit necessitatibus, optio laborum dolor magni explicabo exercitationem rem corporis iste quod consequuntur iusto tempora repudiandae, est dolores eaque fugiat et aut itaque rerum! Molestias, ex similique! Reprehenderit maxime, quia omnis fugiat eligendi, expedita saepe beatae voluptatem officia repellendus assumenda vitae rem sunt ex velit reiciendis ipsum. Laudantium dolorem eaque, hic voluptate provident eveniet nobis molestiae iusto. Quis laudantium tempore aut, fuga corporis libero omnis? Dolor, fuga mollitia. Sed similique, accusamus repellat quis animi, saepe nam doloremque adipisci maxime earum consectetur dolorum laborum fugiat vel harum culpa. Assumenda doloribus rerum architecto aliquam ullam deserunt cupiditate velit vel consequuntur expedita tempore eligendi, corrupti ad eos nesciunt dolore! Cupiditate, fugiat repellendus ratione a qui tenetur voluptatem ab quod quaerat?

z-index: 0;

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eius labore ullam in. Eius perspiciatis nihil in, vero dicta porro officia quam doloremque veniam debitis vitae labore earum dolorum eveniet? Repellat? Est beatae quibusdam id! Reprehenderit amet ullam magnam molestiae rerum eligendi, impedit vel aliquam excepturi blanditiis officia maiores consequuntur. Nisi dolores laudantium eveniet incidunt explicabo esse, praesentium neque fugit doloremque. Modi vitae repellat, quasi est soluta quisquam? Ullam, iste! Vitae libero asperiores tenetur doloremque sunt sapiente aperiam voluptas repellendus assumenda delectus aspernatur perspiciatis accusamus nostrum, maiores, consequatur veritatis iure placeat. Quod totam fuga in qui voluptatem, necessitatibus quidem eius deleniti ipsum. Ratione cupiditate alias saepe corporis, reprehenderit harum fugiat tempore voluptates, recusandae tenetur, voluptas aut sequi officia maiores quidem similique. Fugit, quaerat quo sit necessitatibus, optio laborum dolor magni explicabo exercitationem rem corporis iste quod consequuntur iusto tempora repudiandae, est dolores eaque fugiat et aut itaque rerum! Molestias, ex similique! Reprehenderit maxime, quia omnis fugiat eligendi, expedita saepe beatae voluptatem officia repellendus assumenda vitae rem sunt ex velit reiciendis ipsum. Laudantium dolorem eaque, hic voluptate provident eveniet nobis molestiae iusto. Quis laudantium tempore aut, fuga corporis libero omnis? Dolor, fuga mollitia. Sed similique, accusamus repellat quis animi, saepe nam doloremque adipisci maxime earum consectetur dolorum laborum fugiat vel harum culpa. Assumenda doloribus rerum architecto aliquam ullam deserunt cupiditate velit vel consequuntur expedita tempore eligendi, corrupti ad eos nesciunt dolore! Cupiditate, fugiat repellendus ratione a qui tenetur voluptatem ab quod quaerat?

z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10; z-index: 10;

z-index: 11;