CSS background-image not showing

Question

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="css/font-awesome.css">

        <style type="text/css">
            body {
                background-image: url(man_meteor.jpg);
                background-repeat: no-repeat;  
                background-size: cover;
                background-attachment: fixed;
                background-position: center;
            }

Why is my background img not showing? Below is how my files are arranged.

NB: content="text/html; charset=UTF-8" change to content="text/html" charset=UTF-8". — Wim Mertens
– Wim Mertens, Commented Jan 23, 2017 at 1:31
Wait a minute, where is the html file you're calling it from? — Serg Chernata
– Serg Chernata, Commented Jan 23, 2017 at 1:32
does the link to your stylesheet work? If no, it's clearly a filepath issue (i.e. both that and your missing background image). Which file contains the code you posted? — Johannes
– Johannes, Commented Jan 23, 2017 at 1:53

Davis · Accepted Answer · 2017-01-24 04:25:50Z

1

As you suggest that your content is written inside a file called home.jsp, I suspect you are mapping "/" to one of your servlets which forwards your home.jsp to the client. This isn't right because this mapping will map every other resources to the same servlet that you use to forward your home.jsp. The correct mapping is to map "" instead.

One of your blocks in your web.xml should look like this instead:

<servlet-mapping>
    <servlet-name>The name of your servlet that forwards home.jsp</servlet-name>
     <url-pattern></url-pattern>
</servlet-mapping>

answered Jan 24, 2017 at 4:25

Davis

1102 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jim_dddd Over a year ago

OMG! you are a genius!

Pavan Baddi · Accepted Answer · 2017-01-23 01:48:05Z

0

Seeing your code i can say that you need to specify height:200px OR height:400px example and next just for safety add double quotes like background-image: url("man_meteor.jpg");. Try this their are else other ways to get around.

answered Jan 23, 2017 at 1:48

Pavan Baddi

4791 gold badge11 silver badges22 bronze badges

Collectives™ on Stack Overflow

CSS background-image not showing

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related