html表单和负顶级css值

时间:2009-06-17 15:39:46

标签: html css

我正在尝试使用带有负顶值的CSS定位一个小的小搜索框表单但是当我这样做时,您不能再单击文本输入框或单击按钮。 您仍然可以选择表单,功能仍然有效。我已经尝试定位表单本身,将表单放在div中并定位,将div放在表单中,似乎没有任何效果。

有没有什么方法可以将这个HTML大约50px移动而不会破坏它?

<form action="search.html" method="post">
<div class="searchBox" id="generalSearch">
<input type="submit" class="fbutton" style="font-size:12px;" value="" />
<input type="text" style="tsearch" name="searchString" maxlength="200" size="24" value="" />
</div>
</form>

4 个答案:

答案 0 :(得分:2)

将CSS z-index设置得更高(例如#myForm {z-index:10;})。它在下面上面的元素。

答案 1 :(得分:0)

页面上的其他元素由于其位置而干扰了您的搜索框;不仅仅是因为你在CSS中有一个负顶值。

您可以通过将最高值减少50px来将搜索框向上移动50px。

要解决干扰,请尝试通过将50px添加到其最高值来降低页面上的其他元素。

答案 2 :(得分:0)

您在IE或所有浏览器中的问题是什么?如果它只在IE中,请尝试在表单上设置position:relative(或其他hasLayout触发器)。

SpliFF说,还要注意z-index问题。

答案 3 :(得分:0)

啊,z-index。真的很强大,但却被误解了。看一下关于z-index的W3教程,它可以帮助你解决这个问题。