[headbirth]

can anyone figure out how this page is scrolling while the bottom image and top image remain fixed???

http://www.macrabbit.com/cssedit/index.html

How would i implement something like this?

[redJag]

It's done with CSS:

Code:
body  {
...snip...
url(../images/rightbg2.gif) no-repeat fixed 100% 80px;
...snip...
}

That's the code for the image of the rabbit on the right side. I don't see any other fixed images when I visit the page but that might just be a bad render by Windows IE. Anyway, that's what you need to know.

[mdc]

or if you are not using .css

replace [ with <
[body background='blah.png' bgproperties='fixed']

that will get you a background image that does not scroll

[Zimwy]

Hey,
Their page is down now, but does anyone know how in god's name they got that translucent top border thing where the rest of the page scrolled<I>UNDER</I> it working?!

I'd LOVE to know, and I haven't seen it anywhere else!

Thanks,
gabe

[clam2000]

how about a div with a z-index higher then the main content. that would have something above.

a semi transparent png image might let you see through... I don't know for sure though

--will

[Zimwy]

I tried a translucent gif but it won't let you save the translucency, only transparency. How do you set the z index of a div box?

Thanks,
gabe

[thePurpleGiant]

Originally posted by Zimwy:
I tried a translucent gif but it won't let you save the translucency, only transparency.

Yeah, gif only allows transparency. PNG allows a whole range of translucent options.

[pumpkinapo]

They are using transparent png's and the css property of "position : fixed;" with a high z-index to get them to "float" above the page.

This doens't work in IE on windows because microsoft conveintly does not support the fixed position.

http://www.w3.org/Style/Examples/007/menus.html

This link should help you out. If not just take a look at macrabbit's css.

[ameat]

Originally posted by pumpkinapo:
They are using transparent png's and the css property of "position : fixed;" with a high z-index to get them to "float" above the page.

This doens't work in IE on windows because microsoft conveintly does not support the fixed position.

http://www.w3.org/Style/Examples/007/menus.html

This link should help you out. If not just take a look at macrabbit's css.

...nor does IE properly support png's...

[redJag]

Yeah they don't support PNG-32 (the one with the alpha channel that allows translucency rather than only absolute transparency) but there is hope. I've read about a hack to make it work before and I think this is it:

http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html

I don't have time to check it out right now..if someone gets a chance to before me, report back

[pumpkinapo]

There's also a similar solution in the thread:

http://forums.macnn.com/showthread.p...;highlight=png

I use it and it works fine.