Align problem - z-index issue

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • ilya Kraft
    New Member
    • Jan 2011
    • 134

    Align problem - z-index issue

    Hello,

    Right, I have a header and a small div .sideShadow, I need .shideShadow div to be behind a #sideTopHeader div, right now it is on the top of it, you can see it here (to your right)

    http://inelmo.com

    CSS I use now

    Code:
    #sideTopHeader {
    background: #333333;
    z-index: 1;
    position: relative;
    height: 50px;
    margin: 0 -30px 0 0;
    
    -webkit-border-radius: 7px 7px 0 7px;
    -khtml-border-radius: 7px 7px 0 7px;
    -moz-border-radius: 7px 7px 0 7px;
    border-radius: 7px 7px 0 7px;
    }
    
    .sideShadow {
    border-color: transparent transparent transparent #1f1f1f;
    border-width: 15px;
    border-style: solid;
    height: 0;
    width: 0;
    position: absolute;
    top: 35px;
    left: 395px;
    z-index: 0;
    }
  • ilya Kraft
    New Member
    • Jan 2011
    • 134

    #2
    Solved, removed z-index from #sideTopHeader and changed z-index tom -1 in .sideShadow

    Comment

    Working...