Home/ Questions/Q 6350867
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T21:53:35+00:00

I am trying to position an image over the background image, but the image

  • 0

I am trying to position an image over the background image, but the image will not show up. Please can you tell me what I am doing wrong. 

<body>
    <div id="body">
        <div id="twitter">

        </div>
    </div>
</body>

CSS

body {
background: url(...) no-repeat;
background-size: 100%;
}

twitter {
    background: url(...) no-repeat;
    //top:10px;
    //position: absolute;
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The first thing that stands out is that you need hashes in front of your identifiers in your CSS…

    #body {
background: url(...) no-repeat;
background-size: 100%;
}

#twitter {
    background: url(...) no-repeat;
    //top:10px;
    //position: absolute;
}

    I would also recommend using a different name from “body” on the outermost div to avoid confusion with the <body> html tag. Its not strictly necessary, but it helps to have less to think about.

    For CSS:

    • if you want to reference elements by id=””, you prefix your CSS rule identifier with a “#” , e.g. #twitter { .... }
    • if you want to reference elements by class=””, you prefix your CSS rule identifier with a “.” , e.g. .twitter { .... }
    • 0