Raise an element — practice exercise

What you'll be asked to do

1. 1.Raise an elementexercise · easy · 10 min

   Give #box a z-index of 10 with relative positioning.

   Passes when: Give #box a z-index of 10 with relative positioning.

2. 2.Send an element backexercise · easy · 10 min · practice plan

   Give #box a z-index of -1.

   Passes when: Give #box a z-index of -1.

3. 3.Stack two elementsexercise · easy · 10 min · practice plan

   Put #text above #box.

   Passes when: Put #text above #box.

4. 4.Create a stacking contextexercise · easy · 10 min · practice plan

   Use opacity to create a context without positioning.

   Passes when: Use opacity to create a context without positioning.

5. 5.Layer an absolute elementexercise · medium · 10 min · practice plan

   Absolutely position #box and raise it.

   Passes when: Absolutely position #box and raise it.

6. 6.Fix z-index without positionbug fix · easy · 8 min

   z-index is ignored on a static element.

   Passes when: z-index is ignored on a static element.

7. 7.Fix the misspelled propertybug fix · easy · 8 min · practice plan

   The property is z-index.

   Passes when: The property is z-index.

8. 8.Fix the value with a unitbug fix · easy · 8 min · practice plan

   z-index takes a plain integer.

   Passes when: z-index takes a plain integer.

9. 9.Fix the reversed stackingbug fix · easy · 8 min · practice plan

   #text should sit above #box.

   Passes when: #text should sit above #box.

10. 10.Fix the missing negative signbug fix · easy · 8 min · practice plan

    Sending an element behind needs a negative index.

    Passes when: Sending an element behind needs a negative index.

Between them these tasks cover z-index, Stacking contexts and Position requirement.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.