40 users online (1 members and 39 guests)  


  Results 1 to 2 of 2

Related

  1. Replies: 1
  2. Replies: 1
  3. Another question on Background images    Forum: HTML Forum
    Replies: 7
  4. background images    Forum: Graphics Forum
    Replies: 2
  5. Background Images    Forum: HTML Forum
    Replies: 12
  1. #1
    skakels's Avatar
    New User

    Status
    Offline
    Join Date
    May 2006
    Posts
    1

    Overlapping background Images

    Hi Everyone,

    I have an issue with over lapping background images. I need both images to be set in the top left of my screen with "animation.gif" sitting ontop of "ohne.gif". Below is my code that I have. I know it's wrong because it only displays the "animation.gif". Could someone please help me? Thank you in advance.

    body { background: url('/otrs-web/images/Standard/ohne.gif'); background-repeat: no-repeat;}
    body { background-image: url('/otrs-web/images/Standard/animation.gif'); background-repeat: no-repeat;}

  2. #2
    DeadMeatGF's Avatar
    Moderator

    Status
    Offline
    Join Date
    Sep 2005
    Posts
    381

    Re: Overlapping background Images

    The second body command overwrites the first, I believe.
    I'd try something like
    [code]...
    body { background: url('/otrs-web/images/Standard/ohne.gif'); background-repeat: no-repeat;}
    .animation { background-image: url('/otrs-web/images/Standard/animation.gif'); background-repeat: no-repeat;}
    ...
    <body>
    <div class='animation'>
    ....
    </div>
    </body>
    [code]
    but I'm a real CSS novice, so I can't guarantee it!
    I'll try and test it out as soon as I get chance.
    You might also need to alter the positioning to ensure they match up - either that or the <body> and <div> margins/borders/padding.



Tags for this Thread