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 about 7 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 about 7 years ago

1 answer

Doug 1095
1
point

Remove the supersleight script and it works fine.

Answered about 7 years ago by Doug
  • So the supersleight script is breaking the z-index? iamdriz about 7 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 about 7 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 about 7 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 about 7 years ago