Javascript 网页中的文本字段和文本框显示在网页图像下方。该图像应作为背景图像

Javascript 网页中的文本字段和文本框显示在网页图像下方。该图像应作为背景图像,javascript,html,css,image,jsp,Javascript,Html,Css,Image,Jsp,我正在开发一个网络应用程序。我已经使用JSP设计了我的网页。 我使用的是背景图像。我有一些文本字段和文本框来接受用户输入。但是,当我运行代码时,会显示图像,但所有文本字段和文本框都会显示在图像结尾的下方。然而,根据我的要求,图像应该是背景图像,一切都应该显示在图像本身。请帮忙 下面是我的JSP代码: <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="I

我正在开发一个网络应用程序。我已经使用JSP设计了我的网页。 我使用的是背景图像。我有一些文本字段和文本框来接受用户输入。但是,当我运行代码时,会显示图像,但所有文本字段和文本框都会显示在图像结尾的下方。然而,根据我的要求,图像应该是背景图像,一切都应该显示在图像本身。请帮忙

下面是我的JSP代码:

    <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
        pageEncoding="ISO-8859-1"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Employee Registration</title>
    <script type="text/javascript">

        function display_ct() {
            var strcount
            var x = new Date()
            var x1 = x.getHours() + ":" + x.getMinutes() + ":" + x.getSeconds();
            document.getElementById("time_div").innerHTML = x1;
            tt = display_c();
        }

        function display_c() {
            var refresh = 1000; // Refresh rate in milli seconds
            mytime = setTimeout('display_ct()', refresh)
        }

    </script>
    </head>
    <body onload=display_ct();>

        <h1>Employee Registration Form</h1>

        <div class="Bitmap">
             <img src="Images/online-employee-registration-portal.jpg" style="height: 800px; width: 1355px;" />
        </div>

        <table width="1300" class="myTable">
            <tr class="Labels"><td align="left" width="200"><span id="time_div" class="clock2"></span></td></tr>    
        </table>

        <center>
            <form action="EmployeeRegistration.jsp" method="post">
            <table cellpadding="3pt">
                <tr><td width="20%">Name:<input type="text" name="name"/></tr>
                <tr><td width="20%">Employee ID:<input type="text" name="employeeID"/></tr>
                <tr><td width="20%">Email ID:<input type="text" name="emailID"/></tr>
                <tr><td width="20%">Phone:<input type="text" name="phone" size="30" /></tr>
                <tr><td width="20%">City:<td><input type="text" name="city" size="30" /></tr>
            </table>

            <p />

            <input type="submit" value="Register" />

            </form>
        </center>


    </body>
    </html>

雇员登记
功能显示{
var strcount
var x=新日期()
var x1=x.getHours()+“:”+x.getMinutes()+“:”+x.getSeconds();
document.getElementById(“time_div”).innerHTML=x1;
tt=显示_c();
}
功能显示_c(){
var refresh=1000;//刷新率(毫秒)
mytime=setTimeout('display_ct()',刷新)
}
雇员登记表
姓名:
员工ID:
电子邮件ID:
电话:
城市:


您的背景图像是位置:静态。 您应该将其更改为位置:绝对;并给出z指数:-1;像这样,

<img src="Images/online-employee-registration-portal.jpg" style="height: 800px; width: 1355px; position: absolute; z-index: -1;">


谢谢你,伙计!!!成功了。然而,这是一个新问题。标题:员工登记表“现在在图片上方。这也可以带到图片上方吗?我知道了。问题已经解决。我只是在图片后面添加了标题。效果很好。非常感谢。我认为你的网站结构不太好。你应该添加一些css,如`。位图{背景:url('Images/online employee registration portal.jpg”)无重复;-webkit背景尺寸:1355px 800px;背景尺寸:1355px 800px;高度:800px;}`然后用类Bitmap.Yess将H1元素和其他元素放在div中。没错。实际上,到目前为止,我只是为了运行我的java代码,设计了一个简单的JSP。要添加更多功能。我将使用CSS。