CODEWITHSUNDEEP
htmlcssmobile
Gaurav Gandhi
Gaurav Gandhi

Reputation: 163

Background Image is not being Displayed

This is the first time I am making a mobile application. I am using Dreamweaver. The background image is not being displayed.

HTML

<!doctype html>
    <html>
    <head>
    <style type="text/css">

    </style>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <link href="css/style.css" rel="stylesheet" type="text/css">
    </head>

    <body class="main-page">

    </body>
    </html>

CSS file

@charset "utf-8";
/* CSS Document */
body.main-page 
{
    background-attachment: fixed;
    background-image: url (images/home_main.jpg);
    background-repeat: no-repeat;
}

Upvotes: 0

Views: 77

Answers (1)

leoMestizo
leoMestizo

Reputation: 1499

Delete the space between the url value and the parenthesis:

background: url("Your url");

Here's a DEMO with the above CSS rule: Fiddle.

Instead of:

background: url ("Your url");

And here's a DEMO with this other CSS rule: Fiddle.

Upvotes: 1

Related Questions