Given the following CSS$,$ which element will be displayed on top?

#element$1\{$

position: absolute;

z$-$index: $10$;

$\}$

#element$2\{$

position: absolute;

z$-$index: $5$;

$\}$

None of the above

Both elements will overlap each other equally.

#element$2$

The z$-$index property only applies to elements with relative positioning.

#element$1$