Image not loading in chrome but works fine in eclipse inbuilt browser

I am building a dynamic web application using eclipse javaEE . I am adding a background image to a jsp page by body tag attribute background().When I run this program in eclipse inbuilt browser image loads completely fine but when I run the same program on chrome , background image doesn't load.
Please help in rectifying this problem.
Thanks in advance.

asked Jun 6 '16 at 4:47

INDRESH KHANDELWAL

848

1

background is a not a function.Instead it is a css property & to use it inline with the element you have to use the style attribute.

– brk
Jun 6 '16 at 4:48

no,background is the attribute of body tag in html. body background="C:UsersindreshDesktopbackground.png"

– INDRESH KHANDELWAL
Jun 6 '16 at 4:56

What? You're 'serving' a local static file, quite obvious that won't work..

– Clemens Himmer
Jun 6 '16 at 6:10

add a comment |

asked Jun 6 '16 at 4:47

INDRESH KHANDELWAL

848

1

background is a not a function.Instead it is a css property & to use it inline with the element you have to use the style attribute.

– brk
Jun 6 '16 at 4:48

no,background is the attribute of body tag in html. body background="C:UsersindreshDesktopbackground.png"

– INDRESH KHANDELWAL
Jun 6 '16 at 4:56

What? You're 'serving' a local static file, quite obvious that won't work..

– Clemens Himmer
Jun 6 '16 at 6:10

add a comment |

asked Jun 6 '16 at 4:47

INDRESH KHANDELWAL

848

javascript java html eclipse jsp

asked Jun 6 '16 at 4:47

INDRESH KHANDELWAL

848

asked Jun 6 '16 at 4:47

INDRESH KHANDELWAL

848

asked Jun 6 '16 at 4:47

INDRESH KHANDELWAL

848

asked Jun 6 '16 at 4:47

INDRESH KHANDELWAL

848

asked Jun 6 '16 at 4:47

INDRESH KHANDELWAL

848

1

background is a not a function.Instead it is a css property & to use it inline with the element you have to use the style attribute.

– brk
Jun 6 '16 at 4:48

no,background is the attribute of body tag in html. body background="C:UsersindreshDesktopbackground.png"

– INDRESH KHANDELWAL
Jun 6 '16 at 4:56

What? You're 'serving' a local static file, quite obvious that won't work..

– Clemens Himmer
Jun 6 '16 at 6:10

add a comment |

1

background is a not a function.Instead it is a css property & to use it inline with the element you have to use the style attribute.

– brk
Jun 6 '16 at 4:48

no,background is the attribute of body tag in html. body background="C:UsersindreshDesktopbackground.png"

– INDRESH KHANDELWAL
Jun 6 '16 at 4:56

What? You're 'serving' a local static file, quite obvious that won't work..

– Clemens Himmer
Jun 6 '16 at 6:10

background is a not a function.Instead it is a css property & to use it inline with the element you have to use the style attribute.

– brk
Jun 6 '16 at 4:48

no,background is the attribute of body tag in html. body background="C:UsersindreshDesktopbackground.png"

– INDRESH KHANDELWAL
Jun 6 '16 at 4:56

What? You're 'serving' a local static file, quite obvious that won't work..

– Clemens Himmer
Jun 6 '16 at 6:10

add a comment |

6 Answers
6

active

oldest

votes

I did face exact same issue INDRESH KHANDELWAL faced in my JAVA project.

Images weren't loading in any browser and I got this error message:

Not allowed to load local resource:

But works fine in eclipse IDE.
So I used this logic to solve this problem. Upload your image path into Database and fetch from there whenever you need the image.
Below is the code that I used for simple login page with background image,

<%@page import="java.sql.DriverManager"%>

<%@page import="java.sql.Statement"%>

<%@page import="java.sql.Connection"%>

<%@page import="java.sql.ResultSet"%>



<html>

<head>



    <%

    Class.forName("com.mysql.jdbc.Driver"); 

    java.sql.Connection con = DriverManager.getConnection

    ("jdbc:mysql://localhost:3306/cart_db","root","toor"); 

    Statement st= con.createStatement(); 

    String sql = "select * from img_table where id = 'login_bgimg'";

    ResultSet rs = st.executeQuery(sql);

    String s1 = "";

    if(rs.next())

    {   

        s1=rs.getString(2); // Image URL

    %>

     <title> Login </title>

     <link rel="stylesheet" type="text/css" href="css/Login_style.css">

 </head>

 <body background = "<%=s1%>" >

     <div class="signin">

         <form action="LoginCode.jsp" method="post">

             <h2>Sign In</h2>

             <input type="text" placeholder="Enter Username" name = "txtUserName">

             <input type="password" placeholder="Enter Password" name = "txtPWD">

             <button class = "btn">Sign In</button> <br>

             <a href="#">Forget Password?</a> | 

             <a href="#">Create an Account</a> | 

             <a href="#">Back to Home</a>

         </form>

     </div>

   <% 

   }    

   %>



 </body>

</html>

Disclaimer: All, I am not an expert. I just posted what seems to be working for me. If there is a better way to handle it, please do post it here. It will be useful to me and everyone else.

edited Nov 16 '18 at 1:42

Rarblack

3,00841227

answered Oct 17 '18 at 12:47

Tinu

161

add a comment |

background is attribute;not a function. so remove '()' characters next to background attribute

answered Jun 6 '16 at 4:56

Rajkumar Seenappa

132112

<body background="C:UsersindreshDesktopbackground.png"> <form> <div class="employee"> <a href="Login.jsp"><button type="button" name="employee">Employee</button></a></div> <br /> <br /><div class="admin"> <a href="Adminloginportal.jsp"><button type="button" name="admin" >Admin</button></a></div> </form> </body> </html> This is what I am doing and its working fine when I opened in it eclipse inbuilt browser but the background is not visible when I tried to access same url on chrome..

– INDRESH KHANDELWAL
Jun 6 '16 at 5:08

Image resource should be relative to the Web project rather than abstract path. For e.g. keep image in 'WebContent' path and change resource as background="background.png"

– Rajkumar Seenappa
Jun 6 '16 at 5:58

add a comment |

Try using in your css file

body {

    background-image: url("<image>");



}

or add as inline to body tag

style="background-image: url("image");"

Hope this is helpful for you.

edited Jun 6 '16 at 5:27

Ramkee

5691624

answered Jun 6 '16 at 4:52

Naga Sai A

6,2611927

<body background="C:UsersindreshDesktopbackground.png"> <div class="home"><a href="InitialPage.jsp"><img src="srcbackground.png"></img></a></div> <form> <div class="employee"> <a href="Login.jsp"><button type="button" name="employee">Employee</button></a></div> <br /> <br /><div class="admin"> <a href="Adminloginportal.jsp"><button type="button" name="admin" >Admin</button></a></div> </form> </body> </html> This is working fine in eclipse inbuilt browser but the background is not visible when I tried to access the same url on chrome...

– INDRESH KHANDELWAL
Jun 6 '16 at 5:03

try inline style as <body style=""background-image: url("C:UsersindreshDesktopbackground.png");"">.Hope this works

– Naga Sai A
Jun 6 '16 at 5:07

replace background attribute with the mentioned inline styling that will fix the issue for you.

– Naga Sai A
Jun 6 '16 at 5:08

Still its working fine on eclipse but background image doesn't load in chrome. When I googled this problem ,it has do something with context path and relative path?

– INDRESH KHANDELWAL
Jun 6 '16 at 5:17

Could you please rightclick on the body of the page and click inspect element and select console and check if you are seeing any error?

– Naga Sai A
Jun 6 '16 at 5:19

|
show 11 more comments

in HTML5 some atributes are deprecated
you try use this in the css file
body {
background: url("image");

}

answered Jun 6 '16 at 5:56

Daniel Mera Alvarez

572

add a comment |

Rather then putting Absolute-Path copy past that image into WebContent and then give the path from the class path

Now, Assume that you have your Background.png in WebContent then write CSS as below...

body {

    background-image: url("Background.png");



}

answered Jun 6 '16 at 6:12

Shalin Patel

8591915

add a comment |

The problem is probably that you're trying to server a local static file C:UsersindreshDesktopbackground.png.

That obviously won't work, as your browser doesn't (and shouldn't) have access to your local filesystem without any prefixes, but to a specific server-hosted directory, in which all your web-hosted files should be.

E.g. in a xampp-apache enviorment you'd have - as standard - a hosted directory like that: C:xampphtdocs. All files in this directory are reachable trough your apache web-server, as standard via localhost/....

If you place a HTML-File and a image in this folder you may access them both relatively.

Very basic example:

C:xampphtdocsindex.html

<!DOCTYPE html>

<html>

<head>

    <title>Your HTML..</title>

</head>

<body>

    <img src="image.png">

</body>

</html>

C:xampphtdocsimage.png

Any picture you'd want to serve..

answered Jun 6 '16 at 6:22

Clemens Himmer

1,15111022

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f37649704%2fimage-not-loading-in-chrome-but-works-fine-in-eclipse-inbuilt-browser%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

6 Answers
6

active

oldest

votes

6 Answers
6

active

oldest

votes

I did face exact same issue INDRESH KHANDELWAL faced in my JAVA project.

Images weren't loading in any browser and I got this error message:

Not allowed to load local resource:

<%@page import="java.sql.DriverManager"%>

<%@page import="java.sql.Statement"%>

<%@page import="java.sql.Connection"%>

<%@page import="java.sql.ResultSet"%>



<html>

<head>



    <%

    Class.forName("com.mysql.jdbc.Driver"); 

    java.sql.Connection con = DriverManager.getConnection

    ("jdbc:mysql://localhost:3306/cart_db","root","toor"); 

    Statement st= con.createStatement(); 

    String sql = "select * from img_table where id = 'login_bgimg'";

    ResultSet rs = st.executeQuery(sql);

    String s1 = "";

    if(rs.next())

    {   

        s1=rs.getString(2); // Image URL

    %>

     <title> Login </title>

     <link rel="stylesheet" type="text/css" href="css/Login_style.css">

 </head>

 <body background = "<%=s1%>" >

     <div class="signin">

         <form action="LoginCode.jsp" method="post">

             <h2>Sign In</h2>

             <input type="text" placeholder="Enter Username" name = "txtUserName">

             <input type="password" placeholder="Enter Password" name = "txtPWD">

             <button class = "btn">Sign In</button> <br>

             <a href="#">Forget Password?</a> | 

             <a href="#">Create an Account</a> | 

             <a href="#">Back to Home</a>

         </form>

     </div>

   <% 

   }    

   %>



 </body>

</html>

Disclaimer: All, I am not an expert. I just posted what seems to be working for me. If there is a better way to handle it, please do post it here. It will be useful to me and everyone else.

edited Nov 16 '18 at 1:42

Rarblack

3,00841227

answered Oct 17 '18 at 12:47

Tinu

161

add a comment |

I did face exact same issue INDRESH KHANDELWAL faced in my JAVA project.

Images weren't loading in any browser and I got this error message:

Not allowed to load local resource:

<%@page import="java.sql.DriverManager"%>

<%@page import="java.sql.Statement"%>

<%@page import="java.sql.Connection"%>

<%@page import="java.sql.ResultSet"%>



<html>

<head>



    <%

    Class.forName("com.mysql.jdbc.Driver"); 

    java.sql.Connection con = DriverManager.getConnection

    ("jdbc:mysql://localhost:3306/cart_db","root","toor"); 

    Statement st= con.createStatement(); 

    String sql = "select * from img_table where id = 'login_bgimg'";

    ResultSet rs = st.executeQuery(sql);

    String s1 = "";

    if(rs.next())

    {   

        s1=rs.getString(2); // Image URL

    %>

     <title> Login </title>

     <link rel="stylesheet" type="text/css" href="css/Login_style.css">

 </head>

 <body background = "<%=s1%>" >

     <div class="signin">

         <form action="LoginCode.jsp" method="post">

             <h2>Sign In</h2>

             <input type="text" placeholder="Enter Username" name = "txtUserName">

             <input type="password" placeholder="Enter Password" name = "txtPWD">

             <button class = "btn">Sign In</button> <br>

             <a href="#">Forget Password?</a> | 

             <a href="#">Create an Account</a> | 

             <a href="#">Back to Home</a>

         </form>

     </div>

   <% 

   }    

   %>



 </body>

</html>

Disclaimer: All, I am not an expert. I just posted what seems to be working for me. If there is a better way to handle it, please do post it here. It will be useful to me and everyone else.

edited Nov 16 '18 at 1:42

Rarblack

3,00841227

answered Oct 17 '18 at 12:47

Tinu

161

add a comment |

I did face exact same issue INDRESH KHANDELWAL faced in my JAVA project.

Images weren't loading in any browser and I got this error message:

Not allowed to load local resource:

<%@page import="java.sql.DriverManager"%>

<%@page import="java.sql.Statement"%>

<%@page import="java.sql.Connection"%>

<%@page import="java.sql.ResultSet"%>



<html>

<head>



    <%

    Class.forName("com.mysql.jdbc.Driver"); 

    java.sql.Connection con = DriverManager.getConnection

    ("jdbc:mysql://localhost:3306/cart_db","root","toor"); 

    Statement st= con.createStatement(); 

    String sql = "select * from img_table where id = 'login_bgimg'";

    ResultSet rs = st.executeQuery(sql);

    String s1 = "";

    if(rs.next())

    {   

        s1=rs.getString(2); // Image URL

    %>

     <title> Login </title>

     <link rel="stylesheet" type="text/css" href="css/Login_style.css">

 </head>

 <body background = "<%=s1%>" >

     <div class="signin">

         <form action="LoginCode.jsp" method="post">

             <h2>Sign In</h2>

             <input type="text" placeholder="Enter Username" name = "txtUserName">

             <input type="password" placeholder="Enter Password" name = "txtPWD">

             <button class = "btn">Sign In</button> <br>

             <a href="#">Forget Password?</a> | 

             <a href="#">Create an Account</a> | 

             <a href="#">Back to Home</a>

         </form>

     </div>

   <% 

   }    

   %>



 </body>

</html>

Disclaimer: All, I am not an expert. I just posted what seems to be working for me. If there is a better way to handle it, please do post it here. It will be useful to me and everyone else.

edited Nov 16 '18 at 1:42

Rarblack

3,00841227

answered Oct 17 '18 at 12:47

Tinu

161

I did face exact same issue INDRESH KHANDELWAL faced in my JAVA project.

Images weren't loading in any browser and I got this error message:

Not allowed to load local resource:

<%@page import="java.sql.DriverManager"%>

<%@page import="java.sql.Statement"%>

<%@page import="java.sql.Connection"%>

<%@page import="java.sql.ResultSet"%>



<html>

<head>



    <%

    Class.forName("com.mysql.jdbc.Driver"); 

    java.sql.Connection con = DriverManager.getConnection

    ("jdbc:mysql://localhost:3306/cart_db","root","toor"); 

    Statement st= con.createStatement(); 

    String sql = "select * from img_table where id = 'login_bgimg'";

    ResultSet rs = st.executeQuery(sql);

    String s1 = "";

    if(rs.next())

    {   

        s1=rs.getString(2); // Image URL

    %>

     <title> Login </title>

     <link rel="stylesheet" type="text/css" href="css/Login_style.css">

 </head>

 <body background = "<%=s1%>" >

     <div class="signin">

         <form action="LoginCode.jsp" method="post">

             <h2>Sign In</h2>

             <input type="text" placeholder="Enter Username" name = "txtUserName">

             <input type="password" placeholder="Enter Password" name = "txtPWD">

             <button class = "btn">Sign In</button> <br>

             <a href="#">Forget Password?</a> | 

             <a href="#">Create an Account</a> | 

             <a href="#">Back to Home</a>

         </form>

     </div>

   <% 

   }    

   %>



 </body>

</html>

Disclaimer: All, I am not an expert. I just posted what seems to be working for me. If there is a better way to handle it, please do post it here. It will be useful to me and everyone else.

edited Nov 16 '18 at 1:42

Rarblack

3,00841227

answered Oct 17 '18 at 12:47

Tinu

161

edited Nov 16 '18 at 1:42

Rarblack

3,00841227

edited Nov 16 '18 at 1:42

Rarblack

3,00841227

edited Nov 16 '18 at 1:42

Rarblack

3,00841227

answered Oct 17 '18 at 12:47

Tinu

161

answered Oct 17 '18 at 12:47

Tinu

161

answered Oct 17 '18 at 12:47

Tinu

161

add a comment |

background is attribute;not a function. so remove '()' characters next to background attribute

answered Jun 6 '16 at 4:56

Rajkumar Seenappa

132112

<body background="C:UsersindreshDesktopbackground.png"> <form> <div class="employee"> <a href="Login.jsp"><button type="button" name="employee">Employee</button></a></div> <br /> <br /><div class="admin"> <a href="Adminloginportal.jsp"><button type="button" name="admin" >Admin</button></a></div> </form> </body> </html> This is what I am doing and its working fine when I opened in it eclipse inbuilt browser but the background is not visible when I tried to access same url on chrome..

– INDRESH KHANDELWAL
Jun 6 '16 at 5:08

Image resource should be relative to the Web project rather than abstract path. For e.g. keep image in 'WebContent' path and change resource as background="background.png"

– Rajkumar Seenappa
Jun 6 '16 at 5:58

add a comment |

background is attribute;not a function. so remove '()' characters next to background attribute

answered Jun 6 '16 at 4:56

Rajkumar Seenappa

132112

<body background="C:UsersindreshDesktopbackground.png"> <form> <div class="employee"> <a href="Login.jsp"><button type="button" name="employee">Employee</button></a></div> <br /> <br /><div class="admin"> <a href="Adminloginportal.jsp"><button type="button" name="admin" >Admin</button></a></div> </form> </body> </html> This is what I am doing and its working fine when I opened in it eclipse inbuilt browser but the background is not visible when I tried to access same url on chrome..

– INDRESH KHANDELWAL
Jun 6 '16 at 5:08

Image resource should be relative to the Web project rather than abstract path. For e.g. keep image in 'WebContent' path and change resource as background="background.png"

– Rajkumar Seenappa
Jun 6 '16 at 5:58

add a comment |

background is attribute;not a function. so remove '()' characters next to background attribute

answered Jun 6 '16 at 4:56

Rajkumar Seenappa

132112

background is attribute;not a function. so remove '()' characters next to background attribute

answered Jun 6 '16 at 4:56

Rajkumar Seenappa

132112

answered Jun 6 '16 at 4:56

Rajkumar Seenappa

132112

answered Jun 6 '16 at 4:56

Rajkumar Seenappa

132112

answered Jun 6 '16 at 4:56

Rajkumar Seenappa

132112

<body background="C:UsersindreshDesktopbackground.png"> <form> <div class="employee"> <a href="Login.jsp"><button type="button" name="employee">Employee</button></a></div> <br /> <br /><div class="admin"> <a href="Adminloginportal.jsp"><button type="button" name="admin" >Admin</button></a></div> </form> </body> </html> This is what I am doing and its working fine when I opened in it eclipse inbuilt browser but the background is not visible when I tried to access same url on chrome..

– INDRESH KHANDELWAL
Jun 6 '16 at 5:08

Image resource should be relative to the Web project rather than abstract path. For e.g. keep image in 'WebContent' path and change resource as background="background.png"

– Rajkumar Seenappa
Jun 6 '16 at 5:58

add a comment |

<body background="C:UsersindreshDesktopbackground.png"> <form> <div class="employee"> <a href="Login.jsp"><button type="button" name="employee">Employee</button></a></div> <br /> <br /><div class="admin"> <a href="Adminloginportal.jsp"><button type="button" name="admin" >Admin</button></a></div> </form> </body> </html> This is what I am doing and its working fine when I opened in it eclipse inbuilt browser but the background is not visible when I tried to access same url on chrome..

– INDRESH KHANDELWAL
Jun 6 '16 at 5:08

Image resource should be relative to the Web project rather than abstract path. For e.g. keep image in 'WebContent' path and change resource as background="background.png"

– Rajkumar Seenappa
Jun 6 '16 at 5:58

<body background="C:UsersindreshDesktopbackground.png"> <form> <div class="employee"> <a href="Login.jsp"><button type="button" name="employee">Employee</button></a></div> <br /> <br /><div class="admin"> <a href="Adminloginportal.jsp"><button type="button" name="admin" >Admin</button></a></div> </form> </body> </html> This is what I am doing and its working fine when I opened in it eclipse inbuilt browser but the background is not visible when I tried to access same url on chrome..

– INDRESH KHANDELWAL
Jun 6 '16 at 5:08

Image resource should be relative to the Web project rather than abstract path. For e.g. keep image in 'WebContent' path and change resource as background="background.png"

– Rajkumar Seenappa
Jun 6 '16 at 5:58

add a comment |

Try using in your css file

body {

    background-image: url("<image>");



}

or add as inline to body tag

style="background-image: url("image");"

Hope this is helpful for you.

edited Jun 6 '16 at 5:27

Ramkee

5691624

answered Jun 6 '16 at 4:52

Naga Sai A

6,2611927

<body background="C:UsersindreshDesktopbackground.png"> <div class="home"><a href="InitialPage.jsp"><img src="srcbackground.png"></img></a></div> <form> <div class="employee"> <a href="Login.jsp"><button type="button" name="employee">Employee</button></a></div> <br /> <br /><div class="admin"> <a href="Adminloginportal.jsp"><button type="button" name="admin" >Admin</button></a></div> </form> </body> </html> This is working fine in eclipse inbuilt browser but the background is not visible when I tried to access the same url on chrome...

– INDRESH KHANDELWAL
Jun 6 '16 at 5:03

try inline style as <body style=""background-image: url("C:UsersindreshDesktopbackground.png");"">.Hope this works

– Naga Sai A
Jun 6 '16 at 5:07

replace background attribute with the mentioned inline styling that will fix the issue for you.

– Naga Sai A
Jun 6 '16 at 5:08

Still its working fine on eclipse but background image doesn't load in chrome. When I googled this problem ,it has do something with context path and relative path?

– INDRESH KHANDELWAL
Jun 6 '16 at 5:17

Could you please rightclick on the body of the page and click inspect element and select console and check if you are seeing any error?

– Naga Sai A
Jun 6 '16 at 5:19

|
show 11 more comments

Try using in your css file

body {

    background-image: url("<image>");



}

or add as inline to body tag

style="background-image: url("image");"

Hope this is helpful for you.

edited Jun 6 '16 at 5:27

Ramkee

5691624

answered Jun 6 '16 at 4:52

Naga Sai A

6,2611927

<body background="C:UsersindreshDesktopbackground.png"> <div class="home"><a href="InitialPage.jsp"><img src="srcbackground.png"></img></a></div> <form> <div class="employee"> <a href="Login.jsp"><button type="button" name="employee">Employee</button></a></div> <br /> <br /><div class="admin"> <a href="Adminloginportal.jsp"><button type="button" name="admin" >Admin</button></a></div> </form> </body> </html> This is working fine in eclipse inbuilt browser but the background is not visible when I tried to access the same url on chrome...

– INDRESH KHANDELWAL
Jun 6 '16 at 5:03

try inline style as <body style=""background-image: url("C:UsersindreshDesktopbackground.png");"">.Hope this works

– Naga Sai A
Jun 6 '16 at 5:07

replace background attribute with the mentioned inline styling that will fix the issue for you.

– Naga Sai A
Jun 6 '16 at 5:08

Still its working fine on eclipse but background image doesn't load in chrome. When I googled this problem ,it has do something with context path and relative path?

– INDRESH KHANDELWAL
Jun 6 '16 at 5:17

Could you please rightclick on the body of the page and click inspect element and select console and check if you are seeing any error?

– Naga Sai A
Jun 6 '16 at 5:19

|
show 11 more comments

Try using in your css file

body {

    background-image: url("<image>");



}

or add as inline to body tag

style="background-image: url("image");"

Hope this is helpful for you.

edited Jun 6 '16 at 5:27

Ramkee

5691624

answered Jun 6 '16 at 4:52

Naga Sai A

6,2611927

Try using in your css file

body {

    background-image: url("<image>");



}

or add as inline to body tag

style="background-image: url("image");"

Hope this is helpful for you.

edited Jun 6 '16 at 5:27

Ramkee

5691624

answered Jun 6 '16 at 4:52

Naga Sai A

6,2611927

edited Jun 6 '16 at 5:27

Ramkee

5691624

edited Jun 6 '16 at 5:27

Ramkee

5691624

edited Jun 6 '16 at 5:27

Ramkee

5691624

answered Jun 6 '16 at 4:52

Naga Sai A

6,2611927

answered Jun 6 '16 at 4:52

Naga Sai A

6,2611927

answered Jun 6 '16 at 4:52

Naga Sai A

6,2611927

<body background="C:UsersindreshDesktopbackground.png"> <div class="home"><a href="InitialPage.jsp"><img src="srcbackground.png"></img></a></div> <form> <div class="employee"> <a href="Login.jsp"><button type="button" name="employee">Employee</button></a></div> <br /> <br /><div class="admin"> <a href="Adminloginportal.jsp"><button type="button" name="admin" >Admin</button></a></div> </form> </body> </html> This is working fine in eclipse inbuilt browser but the background is not visible when I tried to access the same url on chrome...

– INDRESH KHANDELWAL
Jun 6 '16 at 5:03

try inline style as <body style=""background-image: url("C:UsersindreshDesktopbackground.png");"">.Hope this works

– Naga Sai A
Jun 6 '16 at 5:07

replace background attribute with the mentioned inline styling that will fix the issue for you.

– Naga Sai A
Jun 6 '16 at 5:08

Still its working fine on eclipse but background image doesn't load in chrome. When I googled this problem ,it has do something with context path and relative path?

– INDRESH KHANDELWAL
Jun 6 '16 at 5:17

Could you please rightclick on the body of the page and click inspect element and select console and check if you are seeing any error?

– Naga Sai A
Jun 6 '16 at 5:19

|
show 11 more comments

<body background="C:UsersindreshDesktopbackground.png"> <div class="home"><a href="InitialPage.jsp"><img src="srcbackground.png"></img></a></div> <form> <div class="employee"> <a href="Login.jsp"><button type="button" name="employee">Employee</button></a></div> <br /> <br /><div class="admin"> <a href="Adminloginportal.jsp"><button type="button" name="admin" >Admin</button></a></div> </form> </body> </html> This is working fine in eclipse inbuilt browser but the background is not visible when I tried to access the same url on chrome...

– INDRESH KHANDELWAL
Jun 6 '16 at 5:03

try inline style as <body style=""background-image: url("C:UsersindreshDesktopbackground.png");"">.Hope this works

– Naga Sai A
Jun 6 '16 at 5:07

replace background attribute with the mentioned inline styling that will fix the issue for you.

– Naga Sai A
Jun 6 '16 at 5:08

Still its working fine on eclipse but background image doesn't load in chrome. When I googled this problem ,it has do something with context path and relative path?

– INDRESH KHANDELWAL
Jun 6 '16 at 5:17

Could you please rightclick on the body of the page and click inspect element and select console and check if you are seeing any error?

– Naga Sai A
Jun 6 '16 at 5:19

<body background="C:UsersindreshDesktopbackground.png"> <div class="home"><a href="InitialPage.jsp"><img src="srcbackground.png"></img></a></div> <form> <div class="employee"> <a href="Login.jsp"><button type="button" name="employee">Employee</button></a></div> <br /> <br /><div class="admin"> <a href="Adminloginportal.jsp"><button type="button" name="admin" >Admin</button></a></div> </form> </body> </html> This is working fine in eclipse inbuilt browser but the background is not visible when I tried to access the same url on chrome...

– INDRESH KHANDELWAL
Jun 6 '16 at 5:03

try inline style as <body style=""background-image: url("C:UsersindreshDesktopbackground.png");"">.Hope this works

– Naga Sai A
Jun 6 '16 at 5:07

replace background attribute with the mentioned inline styling that will fix the issue for you.

– Naga Sai A
Jun 6 '16 at 5:08

Still its working fine on eclipse but background image doesn't load in chrome. When I googled this problem ,it has do something with context path and relative path?

– INDRESH KHANDELWAL
Jun 6 '16 at 5:17

Could you please rightclick on the body of the page and click inspect element and select console and check if you are seeing any error?

– Naga Sai A
Jun 6 '16 at 5:19

|
show 11 more comments

in HTML5 some atributes are deprecated
you try use this in the css file
body {
background: url("image");

}

answered Jun 6 '16 at 5:56

Daniel Mera Alvarez

572

add a comment |

in HTML5 some atributes are deprecated
you try use this in the css file
body {
background: url("image");

}

answered Jun 6 '16 at 5:56

Daniel Mera Alvarez

572

add a comment |

in HTML5 some atributes are deprecated
you try use this in the css file
body {
background: url("image");

}

answered Jun 6 '16 at 5:56

Daniel Mera Alvarez

572

in HTML5 some atributes are deprecated
you try use this in the css file
body {
background: url("image");

}

answered Jun 6 '16 at 5:56

Daniel Mera Alvarez

572

answered Jun 6 '16 at 5:56

Daniel Mera Alvarez

572

answered Jun 6 '16 at 5:56

Daniel Mera Alvarez

572

answered Jun 6 '16 at 5:56

Daniel Mera Alvarez

572

add a comment |

Rather then putting Absolute-Path copy past that image into WebContent and then give the path from the class path

Now, Assume that you have your Background.png in WebContent then write CSS as below...

body {

    background-image: url("Background.png");



}

answered Jun 6 '16 at 6:12

Shalin Patel

8591915

add a comment |

Rather then putting Absolute-Path copy past that image into WebContent and then give the path from the class path

Now, Assume that you have your Background.png in WebContent then write CSS as below...

body {

    background-image: url("Background.png");



}

answered Jun 6 '16 at 6:12

Shalin Patel

8591915

add a comment |

Rather then putting Absolute-Path copy past that image into WebContent and then give the path from the class path

Now, Assume that you have your Background.png in WebContent then write CSS as below...

body {

    background-image: url("Background.png");



}

answered Jun 6 '16 at 6:12

Shalin Patel

8591915

Rather then putting Absolute-Path copy past that image into WebContent and then give the path from the class path

Now, Assume that you have your Background.png in WebContent then write CSS as below...

body {

    background-image: url("Background.png");



}

answered Jun 6 '16 at 6:12

Shalin Patel

8591915

answered Jun 6 '16 at 6:12

Shalin Patel

8591915

answered Jun 6 '16 at 6:12

Shalin Patel

8591915

answered Jun 6 '16 at 6:12

Shalin Patel

8591915

add a comment |

The problem is probably that you're trying to server a local static file C:UsersindreshDesktopbackground.png.

If you place a HTML-File and a image in this folder you may access them both relatively.

Very basic example:

C:xampphtdocsindex.html

<!DOCTYPE html>

<html>

<head>

    <title>Your HTML..</title>

</head>

<body>

    <img src="image.png">

</body>

</html>

C:xampphtdocsimage.png

Any picture you'd want to serve..

answered Jun 6 '16 at 6:22

Clemens Himmer

1,15111022

add a comment |

The problem is probably that you're trying to server a local static file C:UsersindreshDesktopbackground.png.

If you place a HTML-File and a image in this folder you may access them both relatively.

Very basic example:

C:xampphtdocsindex.html

<!DOCTYPE html>

<html>

<head>

    <title>Your HTML..</title>

</head>

<body>

    <img src="image.png">

</body>

</html>

C:xampphtdocsimage.png

Any picture you'd want to serve..

answered Jun 6 '16 at 6:22

Clemens Himmer

1,15111022

add a comment |

The problem is probably that you're trying to server a local static file C:UsersindreshDesktopbackground.png.

If you place a HTML-File and a image in this folder you may access them both relatively.

Very basic example:

C:xampphtdocsindex.html

<!DOCTYPE html>

<html>

<head>

    <title>Your HTML..</title>

</head>

<body>

    <img src="image.png">

</body>

</html>

C:xampphtdocsimage.png

Any picture you'd want to serve..

answered Jun 6 '16 at 6:22

Clemens Himmer

1,15111022

The problem is probably that you're trying to server a local static file C:UsersindreshDesktopbackground.png.

If you place a HTML-File and a image in this folder you may access them both relatively.

Very basic example:

C:xampphtdocsindex.html

<!DOCTYPE html>

<html>

<head>

    <title>Your HTML..</title>

</head>

<body>

    <img src="image.png">

</body>

</html>

C:xampphtdocsimage.png

Any picture you'd want to serve..

answered Jun 6 '16 at 6:22

Clemens Himmer

1,15111022

answered Jun 6 '16 at 6:22

Clemens Himmer

1,15111022

answered Jun 6 '16 at 6:22

Clemens Himmer

1,15111022

answered Jun 6 '16 at 6:22

Clemens Himmer

1,15111022

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Ndtyjky