(HTML) Problem with background

dasha · **Author**

Hello, This is the most stupid question I ask, btw I'm sleeping or what .___.
Well this never happend to me! Maybe today I'm really so bad coz I don't sleep already two days..

The problem is that I don't see the background in my html file, WTF?

HTML Code:

<!DOCTYPE html>
<html>
<head>
	<title>Title of the document</title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
....
</body>
</html>

Code:

body {
	background: #fff url('img/test.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	color: #000;
}

fysiks · 08-20-2012 , 00:04 Re: (HTML) Problem with background

Are we supposed to assume that the "body" css is in style.css?????

Possibly:

Style sheet doesn't exist.
Image doesn't exist.
Stylesheet is not being referenced correctly.

You need to learn to debug this stuff. Put the CSS in the HTML file and see what happens. Also, you could try something more simple and see if you can rule out the first and third possibility above. You probably could have figured this out by now if you would first troubleshoot it.

dasha · 08-20-2012 , 00:15 Re: (HTML) Problem with background

Quote:

Originally Posted by fysiks

Are we supposed to assume that the "body" css is in style.css?????

Yes. The style.css exists, the image exists.

index.html
css

style.css

img

test.jpg

I tried in html <body background="img/test.jpg"> = Not worked, but when I disabled style.css it worked.
So the problem are in the style.css, but can't understand why when it's well writed.