It's perfectly okay to set the background on the body element, but you have used the background-image
definition for a list of options, that are not valid for background-image
.
What you have specified, is a valid value for the background
shortcut option, so both of the following variants will work:
1:
body {
background: url('background.JPG') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin:0;
padding:0;
border:0;
width:100%;
min-width:386px;
min-height:100%;
height:1px;
font-size:90%;
}
2:
body {
background-image: url('background.JPG');
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin:0;
padding:0;
border:0;
width:100%;
min-width:386px;
min-height:100%;
height:1px;
font-size:90%;
}
In addition, the quotes around your path name seem to be some kind of styled quotes, which will not work in CSS. Use simple quotes like ' or ".