CSS background without using url - css

Question

Is there a way in CSS to include a background without using url()
Ex, I can't do this:
#blah {
background:url("either image or image data");
}
Is there a workaround where I can achieve the same thing but not using the keyword "url" (The word "url" is prohibited.

Answer 1

You can use an <img> tag as your background image, no URL in the CSS is necessary. Something like this:
HTML
<img src="image.jpg" class="bg">
<div id="page-wrap">
</div>
CSS
img.bg {
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
}
#media screen and (max-width: 1024px) {
img.bg {
left: 50%;
margin-left: -512px;
}
}
See here for more information and a demo: http://css-tricks.com/perfect-full-page-background-image/

Answer 2

No, you cannot. That is the way CSS works when including external content. To prohibit the keyword url on the web is a rather strange thing.

Answer 3

No need to make it so complicated !!!
Here is the explanation :
When using the url() value, you have three choices:
relative path based on the root domain of the CSS file — begin with a slash (/) as shown above
relative path based on the immediate directory of the CSS file — no slash (url(path/to/image.png) )
absolute URL, if you are linking to an external resource — url(http://example.com/path/to/image.png)
Source: https://html.com/attributes/body-background/
So basically, if you have your image in the folder image, next to to the foler styles (in which you css file might be), here is what you need to do :
background: url(../images/Chat.jpg)
../ means you go back one level above your current folder/workplace.
Here is what I used:
background: url(../images/Chat.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;