【发布时间】：2014-05-30 21:53:24
【问题描述】：
早上好。
我对 CSS 非常陌生，并且一直在阅读一些主题，但是当我试图在 BG 图像上保留表单提交按钮时完全被难住了。一旦我放大页面，按钮就会移出位置。
这是我的 BG 的 CSS 代码：
body
{
background-image:url('../pics/BGs/FrontBG.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
background size: auto;
}
.bannerlogin1
{
position: relative;
top: 50;
left: 50;
}
.bannerlogin2
{
position: absolute;
top: 5px;
left: 400px;
}
.bannerlogin3
{
position: absolute;
top: 5px;
left: 800px;
}
.bannerlogin4
{
position: absolute;
top: 5px;
left: 1250px;
}
还有我欢迎页面中的代码：
<BODY class="body" bgcolor="black">
<form action="../Nightlife.php">
<input class="bannerlogin1" type="submit" value="" style="width: 250px; height: 100px; background-color:transparent; border:;" >
</form>
<form action="../Portrait.php">
<input class="bannerlogin2" type="submit" value="" style="width: 250px; height: 100px; background-color:transparent; border:;" >
</form>
<form action="../Contact.php">
<input class="bannerlogin3" type="submit" value="" style="width: 250px; height: 100px; background-color:transparent; border:;" >
</form>
<form action="../Client.php">
<input class="bannerlogin4" type="submit" value="" style="width: 250px; height: 100px; background-color:transparent; border:;" >
</form>
感谢您的帮助:)。我有一种感觉，我可能在做一些根本上愚蠢的事情，但是从 w3 学校等读了一些东西，似乎无法找到解决这个问题的简明答案。
【问题讨论】：
-
您为什么使用不可见的输入和表单将用户发送到页面？使用绝对定位的
<a>元素有什么问题？不要破坏后退按钮！ -
对不起，你是什么意思？ （我非常自学:()。你的意思是为每个按钮制作一个图像作为 链接？