Background for body CSS not working after publishing webapp in IIS

Question

<body class="login-body">
    <div id="body">
        @RenderSection("featured", required: false)
        <section class="content-wrapper main-content clear-fix">
            @RenderBody()
        </section>
    </div>
</body>

And CSS style is

.login-body {
  background: rgba(0, 0, 0, 0) url("../Images/bg2.jpg") no-repeat fixed center center / cover ;
}

It works fine locally but once published on IIS7 I found this error in console.

Failed to load resource: the server responded with a status of 404 (Not Found). http://sdw2629/Images/bg2.jpg 404 (Not Found)

@William yes its allowed to reach the resource,i have a Images folder placed in the webserver folder. — Sagar Jagadesh, May 19 '16 at 11:37
@SagarJagadesh What happens when you try to click on this link? http://sdw2629/Images/bg2.jpg — Praveen Kumar Purushothaman, May 19 '16 at 11:42
@PraveenKumar This css background: rgba(0, 0, 0, 0) url("MustardWebPortal/Images/bg2.jpg") no-repeat fixed center center / cover; works fine, Here MustardWebPortal is my root folder.. — Sagar Jagadesh, May 19 '16 at 11:44

score 0 · Answer 1 · edited May 23 '17 at 10:28

0

Solved the Issue following this post by moving the css and image to the same rootfolder.

MVC4 StyleBundle not resolving images

edited May 23 '17 at 10:28

Community

1
1

answered May 19 '16 at 11:57

Sagar Jagadesh

237
5
14

Background for body CSS not working after publishing webapp in IIS

1 Answers1