REQ: Help with color inversion of background image...

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

dudelman@yahoo.com - 30 Jun 2005 15:57 GMT

Hi Folks,

I have stumbled over this website
<http://www.westciv.com/style_master/academy/css_tutorial/index.html>
and I wonder how they manage to invert the colors of the fixed
background image when scrolling downward and the blue header moves
away. I do not find any directive of the header beckground which tells
to invert the underlying bg image.

Any hints?

Thank in advance - Dudelman.

Reply to this Message

Johannes Koch - 30 Jun 2005 16:16 GMT

> I have stumbled over this website
> <http://www.westciv.com/style_master/academy/css_tutorial/index.html>
> and I wonder how they manage to invert the colors of the fixed
> background image when scrolling downward and the blue header moves
> away.

http://www.westciv.com/screen.css:

body {font-size: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #fff;
background-image: url(images/page_bg.gif);
^^^^^^^^^^^^^^^^^^
background-repeat: no-repeat;
background-attachment: fixed;

}
#header {background-color: #091c5a;
background-image: url(images/banner.gif);
^^^^^^^^^^^^^^^^^
background-repeat: no-repeat;
background-attachment: fixed; }

Signature

Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / June 2005

REQ: Help with color inversion of background image...