1

The images here illustrate the issue pretty well:

The problem:

iebug

What it should look like:

chrome

But in a nutshell I have a png with alpha transparency displaying over the top of the rest of the page. In IE7 and IE8 the text below the png image has full opacity where as the image below the png image correctly does not.

What should I do to fix this?

Cœur
  • 37,241
  • 25
  • 195
  • 267
John Hunt
  • 4,265
  • 8
  • 45
  • 59

1 Answers1

4

Your problem is not the transparency of the text under the image.

IE is rendering the transparent image BEHIND the text, so your problem is Z-Index related. You could try setting position:relative to the parent dom element of your menu.

Justin Shield
  • 2,390
  • 16
  • 12