while microsoft's alphaloader might not exactly be css, it's currently
the best (only) way to get alpha transparent pngs to work in ie6.  one
of the many downfalls to using this propriety method, however, has
been that links cease to work when an alphaloaded background is behind
them.  heck you can't even select any text.

working on my site, i stumbled across something that made links start
to work again.  i didn't question it at first because i wasn't having
any problems, but later i added more links, and these new links didn't
work.  this meant i had to track down the "fix" i must have found.

the fix: i actually have no idea why what i did works.  however you
can see my fixed version alongside a non-fixed version at
http://sltclan.com/images/cj/fix-ie-loader/default.html

method #1 - not so great, but better than nothing:
using "text-align: right;" on the link will work *most* of the time,
but there is a slight delay when you mouse over the links.  you can
see this live on the right column of the non-fixed area.  sometimes it
stops working though, and i have no idea why.  that's ms for ya!

method #2 - requires a bit of markup, but much better:
setting a parent to "text-align: right;" fixes it much better when i
put "position: relative;height: 0;" on the actual link.  i don't know
how i came up with this, but i have seen absolutely no problems with
my links when i put this into effect.  you can even get all text to
line back up on the left hand side after having set the parent to
align right, which i show on the left column.

any comments or better suggestions are welcome, since i haven't seen
any fixes for links before i figured this all out.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to