asked on

Bizzare affect when setting png to repeat in IE7.

Experts,

I am using a series of 1px by 1px transparent PNG images as backgrounds to DIVs on my website. This gives the intended affect (one large evenly transparent window) on most browsers. However, when i view it on IE7, it appears to get progressively more opaque the further it gets from the top left hand corenr of the DIV.

To see what I mean please view this link http://www.mygolfbook.co.uk and navigate through pages.

Any ideas on how to remidy this would be greatly apprecited.

Regards
Easynow

Juamez

So far so good in IE8. But to be frank, I cannot find the png's you are talking about. Not in the HTML, nor in the CSS.

Can you post a screenshot of your experience with IE7?

ASKER CERTIFIED SOLUTION

LZ1

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

SOLUTION

remorina

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Dean OBrien

ASKER

Thanks for all the comments.

I tried again on a different machine running IE7 and i couldnt reproduce the problem. Turns out the first problematic machine was running XP 64bit - this could be the poblem.

Juamez - the png is defined in a class at the top of the css {i.e. lightblue {....background-image:url('..)}.

remorina - i tried reducing the opacity and it had no affect.

LZ1 - The larger 10x10 image appears to have solved the problem....

I have attached a screen grab of the weird affect if your interested.

Regards
Easynow
pic2.jpg

SOLUTION

Hican

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

LZ1

Glad you solved it. I know sometimes when making transparent images, smaller is not always better. A few extra pixels won't make the image that much larger and will often solve this type of issue.

Dean OBrien

ASKER

Thanks for the help people.
Easynow