CSS Background Images Not Loading

CSS Background image not loading

here is another image url result..working fine...i'm just put only a image path..please check it..

Fiddel:http://jsfiddle.net/287Kw/

body 
{
background-image: url('http://www.birds.com/wp-content/uploads/home/bird4.jpg');
padding-left: 11em;
padding-right: 20em;
font-family:
Georgia, "Times New Roman",
Times, serif;
color: red;

}

CSS Background Image Not Displaying

According to your CSS file path, I will suppose it is at the same directory with your HTML page, you have to change the url as follows:

body { background: url(img/debut_dark.png) repeat 0 0; }

CSS Background Images not loading

Just to note.

The problem had been solved.

The issue was that the browser downloads all the css background images last. So if you refresh the page before its finished downloading the images, when the page loads again it loads from the cache. but because the images did not fully download they dont show correctly.

html - background-image not loading image

I have created an fiddle for this.
Have a look

https://jsfiddle.net/cooltammy/c2z2khLq/

Just use with your changed css

.landing {
height: 100%;
width: 100%;
background-image: url("../images/warehousing-04.jpg");
background-repeat: no-repeat;
}

Background image not loading correctly in html

Maybe you need to check which version of the opera browser you are using is it supported for css. Here I attach a link to find out the versions of some supported browsers : background-repeat



Related Topics



Leave a reply



Submit