Hi, please take a look at the following website: http://www.solidcamxpress.co.uk/

If you look at it in IE6 (try IE Tester if your running Vista or 7) you will notice that the dark grey masthead appears behind part of the panel, and the top of the main image is chopped off. I'm guessing this is a problem with the z-index which IE6 and 7 are notorious for having problems with.

Can anyone help me fix this? need it for the client asap. Thanks.

  • I've just taken a look and I can't get it to work at all in IE6 - for me it seems there's a layer on top of the entire page preventing and clicks or interaction. Not sure why though I'm afraid. John Catterfeld over 8 years ago
  • Yeah that's an additional problem (I'm using a PNG fix that covers all the site with a transparent gif) but the z-index problem is unrelated. iamdriz over 8 years ago

1 answer

Doug 1095

Remove the supersleight script and it works fine.

Answered over 8 years ago by Doug
  • So the supersleight script is breaking the z-index? iamdriz over 8 years ago
  • Okay removed the script and the z-index is all fixed. Awesome. Thanks. Problem is getting both the script and the z-index to work, as I need the PNGs to work in IE6 and supersleight is supposed to be the best. iamdriz over 8 years ago
  • I'm not an expert on IE6 JS forensics, but I'd guess the IE image filter messes up the overflow property, causing the images to be clipped to the size of any parent elements. I don't see any problems with z-index. Doug over 8 years ago
  • Note that when I say "works fine," I mean the clipping is solved. The transparent PNG problem will remain. This is a case of back-to-the-drawing-board. I recommend serving lower-quality transparent GIFs to IE6 and scrapping the JS solutions. Doug over 8 years ago