background html image

Question

I'd like to make an image the background of one of my html pages.

I tried

body
{
background-image:url('./images/backgroundimage.gif');
}

But this wouldn't make it appear as the background image. I feel like this should be working, but it isn't. Anyone have better ideas, or see what I have wrong with this idea?

Have you checked the dimensions of body...sometimes when the page is positioned absolute, the body does not have any height...so the background image would not be visible — Tejasva Dhyani, Mar 14 '12 at 04:25
that doesn't look like a valid path. Either start with a double dot, /, or just "images...". Each of those means something different relative or absolute to the file though. — Chet, Mar 14 '12 at 05:05

score 0 · Answer 1 · edited May 23 '17 at 12:11

0

Drop the single quotes and the ./

Also, make sure that file actually exists relative to the that css file's url.

Edit: also search.

edited May 23 '17 at 12:11

Community

1
1

answered Mar 14 '12 at 03:46

bkconrad

2,620
3
20
30

score 0 · Answer 2 · answered Mar 14 '12 at 04:17

Try using this background-image:url(../Images/backgroundimage.gif); and as bkconrd suggestion, make sure your image file located in correct path(I assume you ain't newbie in HTML, hope you check your directory structure). you can Use inline css too
<body STYLE="background-image: url(../images/backgroundimage.gif)"></body>
(for testing purpose, But usage of Inline Style generally not recommended style of coding).

Hope this helps you, If not let us know .... Happy coding

score 0 · Answer 3 · edited Mar 13 '13 at 17:52

0

How about trying this. I think this will work because I have tested it.

body {
    background:url('./images/backgroundimage.gif') no-repeat 0 0;
}

edited Mar 13 '13 at 17:52

MikeSmithDev

15,731
4
58
89

answered Mar 14 '12 at 04:54

Shailender Arora

7,674
2
31
35

background html image

3 Answers3