Order of z-index elements on bxslider

Question

I need to order the contents of a bxslider with a no-child element. between the image and the text over the top.

e.g

Answer 1

I would try something along the lines of:

li img{
position:relative;
z-index:-99999;
}

li span{
position:relative;
z-index:99999;
}

.under-text-over-image{
position:relative;
z-index:11111;
}

something along these lines, usually works for me when using z-index.

Hope this helps you.