Layered images in HTML/CSS

• identity

  I know this is going to be pretty basic for a lot of you - so please have patience with me!

  I've got an image on a site - and I'm trying to place a .png with transparent gradient over it. I think this has something to do with the z-index, but I'm just stuck. Does anyone have a few lines of code they could throw at me?

  Thanks!

  identity

  Flag

• meffid0

  oh dear.

  img{
  position:absolute;
  left:0px;
  top:0px;
  z-index:1;
  }

  png{
  position:absolute;
  left:0px;
  top:0px;
  z-index:2;
  }

  meffid 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• identity0

  is there anything that goes in the HTML portion? I take it this is for the CSS... Please and thank you... I'm but a blind soul begging for change :-)

  identity 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• meffid0

  Google, bra.

  http://www.echoecho.com/csslayer…

  http://www.html.net/tutorials/cs…

  meffid 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  • i googled bra and i got something different!mydo

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• identity0

  thanks man, I've done a fair bit of googling - been working on a bunch of stuff all weekend - it's probably getting to me and nothing is making sense anymore. Thanks for the help man! I'll figure it out from here

  identity 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• fugged0

  Here.
  https://gist.github.com/913042

  fugged 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel