I have a transparent background image overlaying on top of other elements on a site I'm developing at the moment. I've checked it on my screens and resolutions and it's significantly darker on my ipad.
the image is a one pixel image of #F2EEED and was set with an opacity of 85% before it was turned into a png.
Is there anything obvious that I should do for ipad? I've never encountered this problem before. I compressed the png via illustrator biut can't see how this would make any difference.
In case you were wondering I was avoiding using opacity:0.85; and filter:alpha (opacity=85); as I need to overlay more elements on top at a full opacity without having to deal with overwriting the cascading.
I've checked the output on my ipad using firebug lite and it's outputting the same code
any help would be greatly appreciated