CSS background image URL failing to load

Question

I m trying to use background image in CSS but even though I gave the full path of the image  it doesn t work  Firebug shows  Failed to load given URL   I m sure that there is no permission problem in that folder   My CSS class is   body   background  url  H  media css static img sprites buttons-v3-10 png   repeat-x scroll left -800px  DCDCDC  color  black  font  13px 1 2em arial helvetica clean sans-serif  height  100   position  relative      What could be causing the issue

User · Answer

source URL for image can be a URL on a website like http   www google co il images srpr nav logo73 png or https   https openbsd org images tshirt-26 front gif or if you want to use a local file try this  url  file    MacintoshHDOriginal Users lowri Desktop acgnx image s images acgn-site-background-X 07 jpg

User · Answer

Source location should be the URL  relative to the css file or full web location   not a file system full path  for example   background  url  http   localhost media css static img sprites buttons-v3-10 png    background  url  static img sprites buttons-v3-10 png      Alternatively  you can try to use file     protocol prefix

User · Answer

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

User · Answer

I know this is really old  but I m posting my solution anyways since google finds this thread   background-image  url    imagefolder image jpg      That is what I do  Two dots means drill back one directory closer to root      while one     should mean start where you are at as if it were root  I was having similar issues but adding that fixed it for me  You can even leave the     in it when uploading to your host because it should work fine so long as your directory setup is exactly the same

[css] CSS background image URL failing to load

Examples related to css

Examples related to url

Examples related to background-image