Question

我正在使用eclipse javaEE构建动态Web应用程序。我正在通过body标签属性background（）将一个背景图像添加到jsp页面。当我在eclipse中运行这个程序时内置浏览器图像加载完全正常但是当我在chrome上运行相同的程序时，背景图像不会加载。请帮助纠正这个问题。提前谢谢。

Answer 1

尝试在css文件中使用

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

}

或添加为内联标签

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

希望这对你有所帮助。

Answer 2

background是属性;不是函数。所以删除背景属性

旁边的'（）'字符

Answer 3

在HTML5中，不推荐使用某些属性你尝试在css文件中使用它身体 { background：url（“image”）;

}

Answer 4

而不是将Absolute-Path副本放在WebContent之后，然后从类路径中提供路径

现在，假设您在WebContent中拥有了Background.png，然后按以下方式编写CSS ...

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

}

Answer 5

问题可能是您尝试为本地静态文件C:\Users\indresh\Desktop\background.png提供服务。

这显然不会起作用，因为您的浏览器不会（也不应该）访问没有任何前缀的本地文件系统，而是访问特定的服务器托管目录，其中所有的Web托管文件都应该是

E.g。在xampp-apache环境中，作为标准，你有一个像这样的托管目录：C:\xampp\htdocs。通过您的apache Web服务器可以访问此目录中的所有文件，标准通过localhost/...。

如果您在此文件夹中放置HTML文件和图像，则可以相对访问它们。

非常基本的例子：

<强> C：\ XAMPP \ htdocs中\ index.html的

<!DOCTYPE html>
<html>
<head>
    <title>Your HTML..</title>
</head>
<body>
    <img src="image.png">
</body>
</html>

<强> C：\ XAMPP \ htdocs中\ image.png

您要提供的任何图片..

Answer 6

我的 JAVA 项目确实遇到了完全相同的问题 INDRESH KHANDELWAL 。

图像未在任何浏览器中加载，我收到以下错误消息：

不允许加载本地资源：

但是在 eclipse IDE 中可以正常工作。所以我用这种逻辑来解决这个问题。将您的图像路径上传到数据库中，并在需要图像时从那里获取。以下是我用于带有背景图片的简单登录页面的代码，

<%@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>

免责声明：所有，我不是专家。我刚刚发布了似乎对我有用的东西。如果有更好的处理方法，请在此处发布。这对我和其他所有人都会有用。

图像没有加载铬，但在eclipse内置浏览器中工作正常

6 个答案: