css image position

[dukedinger]

So I’ve got an image I would like to overlay somewhere on my page. Essentially, its a badge I’d like to overlap on the corner of a div while ensuring that it position and aligns itself correctly as the user changes the window size.

I can get the image where I want in an absolute position but not relative to the rest of my page.

I’ve tried locating the image in the img tag, eg:

I’ve tried it in a `

`

#con {
background-image: url(‘images/con.gif’);
background-repeat: no-repeat;
background-attachment: relative;
background-position: 100px 200px;
}

and in the body tag

Any help appreciated :)

[Author]

Posts