【问题标题】:How to set search input box on header frame in html如何在html中的标题框架上设置搜索输入框
【发布时间】:2023-03-23 09:25:01
【问题描述】:

我有 03 帧(标题、Left_Menu 和内容)。在标题框中,我设置了一个搜索输入框。如果有人单击搜索输入框,则搜索输入框下方但内容框架上方会显示一个蓝色 div。但是当我点击搜索输入框时,蓝色的 div 框不会显示在内容框上方。

我想创建搜索输入框,如下例:

但我的搜索输入框结果显示如下:

拜托,任何人都可以帮助解决这个问题。

【问题讨论】:

  • 框架的内容不能超出框架。
  • 您使用 3 个不同的框架是否有原因?你能把不同的组件放在同一个页面上吗?

标签: html css frame html-frames


【解决方案1】:

现在不推荐使用<frame>。您想将标题溢出到内容上。

这只有在您不使用框架的情况下才可行。例如,您应该使用简单的<div> HTML 标记而不是框架。

之后,您应该添加一些 CSS 属性,这会产生所需的效果。例如:

#header{
    position: relative;
    z-index: 2;
    heigth: 100px;
}

您应该添加 z-index 属性。 您可以在此处阅读有关 z-index 的更多信息:Z-index - CSS

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-11-10
    • 2014-08-21
    • 1970-01-01
    • 1970-01-01
    • 2021-05-18
    相关资源
    最近更新 更多