0

我试图在一张图片上放置一个表格，我想把它作为整个主页的背景。一切正常。唯一的问题是我想在表格中放置一些像素让 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;
}

有任何想法吗 ？谢谢斯特凡诺斯

4

1 回答 1

0

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

于 2012-11-14T13:00:20.960 回答