Maybe someone could shed some light on this because I'm uber perplexed. :P

I'm trying to pixellate my links on hover, and everything is fine except for the fact you can't see the links when you first get to the page. There's a grey box instead of text there, but when you hover over it it gets all pixelly and goes back to normal. Why can't you see my text when you first go to the page? haha. Here's my code:

<style type="text/css">
<!--
A:link {text-decoration:none; color:666666; }
A:visited {text-decoration:none; color:666666; }
A:hover {text-decoration:none; color:000000; cursor:crosshair; }
body {
background-color:FFFFFF;
font-family:verdana;
font-size:9pt;
color:000000;
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:DDE9DD;
scrollbar-shadow-color:DDE9DD;
scrollbar-track-color:FFFFFF; }
-->
</style>

<style>
<!-- a{behavior:url(link.htc); color:black; filter: progid:dximagetransform.microsoft.pixelate (duration=1.0); height:0px; text-decoration:none} -->
</style>


I put the pixellate stuff before my other css, tried putting it after, and the results were the same.... any input?

Not sure about this...but try changeing the link.htc code to just effect hover eg...

<!-- a:hover {behavior:url(link.htc); color:black; filter:
progid:dximagetransform.microsoft.pixelate (duration=1.0); height:0px; text-decoration:none} -->
</style>

If that doesnt work im stumped.

hm, nope. Then I just get a grey box on hover. ::scratches head:: I know I saw this work somewhere!

lol its always worked for me too but i just tried it on my comp and its doing the same thing, so im confused with ya :P I'll keep looking/trying.

Found it! :D Just did a search for other tutorials on it, and this is what my transition code wound up looking like:


a{behavior:url(link.htc); color:black; filter: progid:dximagetransform.microsoft.pixelate (duration=0.5, maxSquare=20, enabled=false); height: 0px; text-decoration:none;}

There's just some extra stuff in there. Thanks for helping, though :)