Fade in layer?

[barrie]

I want to fade in a layer with just one word of text on it. I found this:

[webmasterworld.com...]

I tried to just respond to that thread but got a message saying it was closed :(

But it isn't working for me in IE, Opera, NS or Mozilla. At least whatever is wrong is consistent <g>

CSS code for the layer:

#fade {
position: absolute;
text-align:center;
top:150px;
width:100px;
height:50px;
clip:rect(0,100,100,0);
filter: alpha(opacity=0);
-moz-opacity:0%;
background-color:none;
z-index: 4;
}

How layer is called in html:

<div id="fade">
Classes
</div>

I have the js in the head and the onLoad tag is in place in the body.

What am I doing wrong? I don't actually care if it doesn't work in anything other than IE so long as other browsers see the layer at 100% opacity.

[DrDoc]

Welcome to Webmaster World!

Is the text on a solid color background? If so, it would be much better to fade the color instead of messing with the opacity :)

[barrie]

Thanks, I have been a member for a couple of years but I haven't been here in a while and I couldn't remember my username and none of my usual ones worked so I just rejoined :)

There is no background to the layer I want to fade in, the layer is above a layer containing an image and I don't want to fade the image in, I want the text to fade in over the image if that makes sense.

Barrie

[DrDoc]

Yes, that makes sense... But what I mean is you can faaade the text in by means of changing the color instead of changing the opacity.

[barrie]

The graphic beneath the text I want to fade in is a multi-hued water graphic. Even if I were to go with one of the blues in the graphic to start the color transition I still think you would be able to see a sort of shadow version of the word :(

b