CSS Background Image Url Failing to Load

CSS background image URL failing to load

You are using a local path. Is that really what you want? If it is, you need to use the file:/// prefix:

file:///H:/media/css/static/img/sprites/buttons-v3-10.png

obviously, this will work only on your local computer.

Also, in many modern browsers, this works only if the page itself is also on a local file path. Addressing local files from remote (http://, https://) pages has been widely disabled due to security reasons.

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;


}

LESS CSS background-image URL failed to load

Are you writing it wrong perhaps?

@base-url: "http://assets.fnord.com";
background-image: url("@{base-url}/images/bg.png");

From: http://lesscss.org/#-string-interpolation

CSS background-image url() not showing with error '404 not found' in various browsers

Assuming that the file path is correct, I see two problems for you:

1. You should use a forwards slash, not a backwards slash – i.e., images/landing.jpeg, not images\landing.jpeg
2. You need quotes around the file path, inside the parentheses: background-image: url('images/landing.jpeg')

Unable to load the image from CSS file URL

Just need to set ../ in image path like below:

background: url(../images/banner.jpg);

---

Related Topics