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

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • dudelman@yahoo.com

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

    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.

  • Johannes Koch

    #2
    Re: REQ: Help with color inversion of background image...

    dudelman@yahoo. com wrote:
    [color=blue]
    > 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.[/color]



    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; }
    --
    Johannes Koch
    In te domine speravi; non confundar in aeternum.
    (Te Deum, 4th cent.)

    Comment

    Working...