Member Avatar for HelenLF

Hi,

I have a png image which is 8 x 4 px and shows a white semicircle on a transparent background. This image is repeated across the width of the page (repeat-x). It works well in all browsers except IE6 where it shows as a thick blurry line. I already have a pngfix script and the other transparent png images that are on the webpage work fine.

I have had a Google but whereas I have found postings with the same problem, there doesn't seem to be a quick and easy solution. Does anyone know of a fix for this problem.
If all else fails, I'll resort to using a different image of IE6.

Thanks in advance.

  • 2 Contributors
  • 2 Replies
  • 119 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by HelenLF
Member Avatar for kevinkace

ie6 does not support repeating trans pngs. If you have a script to bypass this, then perhaps paste here what it is.

Member Avatar for HelenLF

I had looked at the solution here...
http://blog.creonfx.com/internet-explorer/ie6-png-transparency-css-background-repeat-fix

However, it didn't seem to help. I then looked at the solution below, using the optional js file.
http://www.twinhelix.com/css/iepngfix/demo/

The repeating image I am using is a semicircle with a transparent background which repeats horizontally across the whole page. I decided to use instead 3 different repeating gif images with the previously transparent part a different colour to suit the background. A bit messy, but the end result is much better.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.