Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

background image is not working in mozilla firefox

background image is not working in mozilla firefox

Problem

The body Background is not displaying in firefox.

here is my CSS

body{
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    font-size:15px;
    color: #fff;
    overflow-x:hidden;
    background: url(../images/2.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover; 
    -o-background-size: cover;
    background-size: cover; 
}
Problem courtesy of: Sowmya

Solution

Generally when I have ran into this problem, the error comes from the path to the image. If I were you I would try changing that from your relative path url('../images/yourimage.jpg') to the absolute path: ex. url('home/user/Desktop/website/images/yourimage.jpg').

If you're site is linked to the folder containing images though(which it should), you won't need to do that. All you need is url('image/yourimage.jpg'); Because your site is already pulling the files from that folder

Solution courtesy of: Jeff

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

background image is not working in mozilla firefox

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×