I have used many png fixes for the page im working on but i find the jquery supersleight working the best... the problem currently im facing is the pages have tabs on them and the tabs are using a png image... though the positioning works fine the problem is it flickers a lot and reloads the whole image again and again when i try to hover tabs... any body with a solution ??

3 answers

danwellman 5600
This was chosen as the best answer

I use DD_belatedPNG for all my IE6 PNG needs :D it's very good and allows repeated and positioned background PNGs, hover states on PNGs and proper <img> PNGs.

It's pretty much entirely bullet-proof and easily robust enough for professional use...

The only problem it has that I am aware of is that sometimes nested elements within 'fixed' PNGs do not pick up hover states, so e.g. a <span> inside an <a> will not change color on hover. However, there is probably a fix/work around for it (such as using an <a> nested in an <a>)

Answered almost 8 years ago by danwellman
  • voted up despite the suggestion to nest anchor elements Andy Ford almost 8 years ago
  • thanks :) but it wasn't a suggestion as such, I just thought maybe it would work as hack...haven't tested any fixes for it ;) danwellman almost 8 years ago

Without a look at your code it's hard to be specific, but in general terms it's a good idea to preload the hover state image by setting it as a background on an existing element - e.g. put the hover image on the <li> and cover it up with the content, so it's been loaded and cached before you hover.

There may be other issues, which a code sample would bring to light.

Answered almost 8 years ago by Tony Crockford

Depending on the circumstances, I tend to put a <span> inside the <a> and move that rather than use background-position. Something like this:

a {width: 150px; height: 50px; display: block; overflow: hidden; position: relative;} a span {width: 300px; height: 50px; display: block; position: absolute;} a:hover span {left: -150px;}
Answered almost 8 years ago by Samuel Cotterall