The methods above work for me.
I think it was confusing at first because the layers panel has the highest items at the top but the index at the top is 0 while the lowest item location + previous items.
<layer>I am layered above all other layers but my index is 0</layer>
<layer>My index is 1 but I am shown beneath top layer</layer>
<layer>My index is 2 but I am beneath 1 and 0</layer>
They layers panel is interesting because you have different metaphors for layers. Are things ordered like a stack of papers?
<paper>I am at the top of the layers</paper>
Where the item at the top of the screen is the top of the pile? Or do you handle it like reading a book from top to bottom where you are adding one layer and the next layer is added after that like elements in a web page?
<div>I am the first added item to the page.</div>
<div>I am the second added and above first item.</div>
<div>I am the third item added and above previous items.</div>