CSS Z-Index MCQ Stacking Order Practice Questions

Direction: Choose the correct option

What does the z-index property control?

A. Zoom level

B. Stacking order of elements

C. Z-axis rotation

D. Zebra striping

Direction: Choose the correct option

.box1 { z-index: 10; }
.box2 { z-index: 5; }

Which box will appear on top if they overlap?

A. Depends on HTML order

B. box2

C. box1

D. Both equally

Direction: Choose the correct option

Which elements can have z-index applied?

A. All elements

B. Inline elements only

C. Positioned elements only

D. Block elements only

Direction: Choose the correct option

What is the default z-index value?

A. auto

B. 1

C. 100

D. 0

Direction: Choose the correct option

.parent { position: relative; z-index: 1; }
.child { position: absolute; z-index: 999; }

What is true about these elements?

A. Child always on top

B. Both same level

C. Child limited by parent's stacking context

D. Parent on top

Quipoin Menu