Question

我试图在一张图片上放置一张表单，我希望将其作为整个主页的背景。一切正常。唯一的问题是，我想放置一些像素，让50多个像素向下。另外我想把桌子放在右边，但是比之前说30像素。有什么想法吗？

这是我的HTML代码：

<html>

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

<body>

<div id="text">

<div class="homepageTable"     width:40px;   margin-right:auto;   margin-left:auto;   style="text-align:right" >
            <form action="#" method="post">
                <input type="text"  size="25"  name="first_name"        placeholder="first name"><br/>
                <input type="text"  size="25"  name="last_name"         placeholder="last name"><br/>
                <input type="text"  size="25"  name="email"             placeholder="email"><br/>
                <input type="text"  size="25"  name="retype_email"      placeholder="retype your email"><br/>
                <input type="text"  size="25"  name="password"          placeholder="password"><br/>
                <input type="text"  size="25"  name="retype_password2"  placeholder="retype your password"><br/><br/>

                    <input type="checkbox" name="I_accept_terms" value=" "><br/>

                <input type="submit" value="" name="submit" style="background:url('img/login_button_1.jpg') no-repeat; width:300; height:50; border:none;"/>

            </form>
        </div> 

</div>

</body>
</html>

这是我的css文件：

#text 
{
width: 961px;
height:219px;
position: relative;
background-image: url(../img/back_img_green.jpg);
background-repeat: none;
}

有什么想法吗？谢谢Stefanos

Answer 1

将图像完全放在相对定位的div中。然后绝对按照您想要的左上角偏移来定位表单，并为表单提供更高的z-index。或者将图像设置为div的背景。

css将表单放在布局表中的图像顶部

1 个答案: