<div>
I moved it to the same directory that the css stylesheet is in and it works. How can I reference correctly. I have a folder called imgs and a folder called styles. I thought I could just reference the image with /imgs/1.jpg but it doesn't work.
</div>

<div>
In CSS files always use absolute paths from your root so 
 
background: url(/imgs/1.jpg) no-repeat center center fixed; 
 
will look for 1.jpg in the imgs folder which is in your root folder 
 
Paths in CSS files are relative to the page including the CSS file unless you specify an absolute url which means preceding the path with / e.g. /imgs/1.jpg 
Assuming a structure like 
 
/root folder 
&nbsp; &nbsp; &nbsp;mypage.php 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; /imgs 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;1.jpg 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; /css 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;mycss.css
</div>

<div>
<div class="content wysiwyg-content">
Trying to set background image of page with following but it will not display. Please help. Thanks. 
 
&lt;!DOCTYPE HTML&gt; 
&lt;HTML&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;head&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;title&gt;test&lt;/title&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;styles/styles.css&quot; /&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/head&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;body&gt; 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/body&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
&lt;/HTML&gt; 
 
html { 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height: 100%; 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;background: url(imgs/1.jpg) no-repeat center center fixed; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;-webkit-background-size: cover; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;-moz-background-size: cover; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;-o-background-size: cover; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;background-size: cover; 
 
} 
 
body { 
&nbsp; &nbsp; &nbsp; margin-top: 0; 
&nbsp; &nbsp; &nbsp; height: 100%; 
}
</div>
</div>

Trying to set background image of page with following but it will not display. Please help. Thanks.

<!DOCTYPE HTML>
<HTML>
	<head>
		<title>test</title>
		<link rel="stylesheet" type="text/css" href="styles/styles.css" />
	</head>
	
	<body>

	</body>
	
</HTML>

html {
	height: 100%;

	 background: url(imgs/1.jpg) no-repeat center center fixed; 
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;

}

body {
 margin-top: 0;
 height: 100%;
}

css background image not displaying

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.