How do I get Internet Explorer 7 to display z-index ?

The ticker bar lower shadow displayed perfectly in Safari, Chrome & Firefox, but IE didn’t show it.

It looked cut off like this:

To get IE to display z-index, you have add positioning and z-index to the parent container. I added a lower and higher z-index and both seemed to display just fine in IE7.

#jumpinconsole{
  width:100%;
  position:relative;
  height: 115px;
  overflow:visible;
  <span class="green">z-index:2000;</span>
}

#jumpinconsole .console_counter{
    padding:25px 0px 0px 0px;
    background-image:url(/images/background_fancalculator2.png);
    background-repeat:repeat-x;
    position:absolute;
    width:100%;
    top:-20px;
    left:0px;
    z-index:1000;
    height:145px;
  }

Back to Blog