318 users online (0 members and 318 guests)  

  Results 1 to 2 of 2


  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

    Join Date
    May 2006

    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

    Join Date
    Sep 2005

    Re: Overlapping background Images

    The second body command overwrites the first, I believe.
    I'd try something like
    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;}
    <div class='animation'>
    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