z-index Property

  • Dan030981
  • Novice
  • Novice
  • User avatar
  • Posts: 23
  • Loc: Mass

Post 3+ Months Ago

I don't know if I'm attacking this correctly but as you can see from the attached image. The user profile picture is going underneath the menu bar. I tried to use z-index Property but I'm not sure if this is the right way to go about it. I would love to get some help on this matter or put in the right direction.
Attachments:
Screen Shot 2012-07-28 at 9.38.57 PM.png
  • mindfullsilence
  • Professor
  • Professor
  • User avatar
  • Posts: 854

Post 3+ Months Ago

yep, z-index is the right direction. In order to use z-index, the rule that you're applying it to has to also have postion of either absolute or relative applied to it.

Code: [ Select ]
.profile {
  position: relative;
  z-index: 1;
}

.menubar {
  position: relative;
  z-index: 0;
}
  1. .profile {
  2.   position: relative;
  3.   z-index: 1;
  4. }
  5. .menubar {
  6.   position: relative;
  7.   z-index: 0;
  8. }
  • Veeramanikandan
  • Novice
  • Novice
  • Veeramanikandan
  • Posts: 25

Post 3+ Months Ago

z-index properties are given below:

z-index: auto|number|initial|inherit;

the z-index are used to displaying elements front or back of some objects or elements.

Its only worked on position elements such as

position: absolute|relative|fixed;

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 52 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.