CODEWITHSUNDEEP
htmlcsspositionz-indexlayer
jeffkee
jeffkee

Reputation: 5238

z-index values not working the way it should - z-index 50 item shows up underneath

http://new.michaellane.com/listing-gallery.php

The yellow strips of paper you see there have this set:

.listing_specs {
    width:230px;
    height:140px;
    background-image:url('/images/featured_listing_specs.png');
    background-repeat:no-repeat;
    color:#836637;
    padding-top:10px;
    position:absolute;
    top:120px;
    right:-120px;
    z-index:50;
}

And the div that contains it, .listing_icons, is just a generic float:left, position:relative DIV with a z-index of only 10.

How is it that the yellow strips come underneath the .listing_icons on the right hand side?

Upvotes: 0

Views: 1796

Answers (3)

david
david

Reputation: 18288

Just remove the z-index from .listing_gallery_icon:

.listing_gallery_icon {
  position:relative;
  /*z-index:10;*/
}

Upvotes: 2

thejh
thejh

Reputation: 45578

Set z-index of all the grid_8 alpha listing_gallery_icon on the left side to 11.

Upvotes: 2

cac
cac

Reputation: 116

Its because the div on the right its not relative for the note on the left.

try setting the right:-120px; to 0. Is that the desired effect?

Upvotes: 0

Related Questions