simple z-index not working as i expect in my case

Question

I am prepending elements with jquery. Here is what I add:

  <span class="author">AUTHOR: Ayuidasht</span>

im trying to get it to be above the other text, but it is still not working with z-index.

.author {
    color:red;
    font-family:"Drone";
    z-index:99999;
  background-font:green;
}

Answer 1

Do yo mean to 'cover up' the other text? It would need to be positioned absolutely

.author {
   ...; 
  position:absolute;
}

Answer 2

z-index works with position: absolute. Hope it helps!