html 表单和负顶部 css 值

标签 html css

我正在尝试使用具有负顶部值的 CSS 定位一个小的搜索框表单,但是当我这样做时,您不能再单击文本输入框或单击按钮。 您仍然可以使用 Tab 键切换到表单,并且功能仍然有效。我试过定位表单本身,将表单放在一个 div 中并对其进行定位,在表单内定位一个 div,但似乎都没有用。

有什么方法可以在不破坏它的情况下将这段 HTML 向上移动大约 50 像素?

<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>

最佳答案

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

关于html 表单和负顶部 css 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1007865/

相关文章:

javascript - 无法在 Fancybox 底部添加 20px 的内边距

css - 从中心偏移 div

css - 在 SASS/SCSS 中过度嵌套选择器在实践中有多糟糕?

html - 防止 flexbox 列表项在悬停在子项上时更改父项的宽度

javascript - 谷歌地图信息窗口滚动错误 : How to solve for all cases?

html - Anchors 中的 FontAwesome 图标更适合内容

php - 区分元素和数组的最后一个元素

javascript - 如何将 href 链接到 div id 标签 jquery slider parallax slider

具有无限行的 CSS 网格垂直列

html - 链接在某些浏览器中变白