当前位置: 首页 > 面试题库 >

在页面内容上方浮动div

皮景龙
2023-03-14
问题内容

我实现了一个弹出框,可动态显示搜索选项。我希望该框“浮动”在所有网站内容之上。当前,当显示该框时,它将替换其下方的所有内容,并且看起来很糟。

我相信我已经尝试将box的div的z-index设置为高于其余页面内容的z-index,但是仍然没有运气。


问题答案:

您要使用绝对定位。

绝对位置元素相对于具有非静态位置的第一个父元素放置。如果找不到此类元素,则包含的块为html

例如 :

.yourDiv{
  position:absolute;
  top: 123px;
}

要使其正常工作,父级必须是亲戚(position:relative

在您的情况下,这应该可以解决问题:

.suggestionsBox{position:absolute; top:40px;}
#specific_locations_add{position:relative;}


 类似资料:
  • 我试图使div内容不流过页脚,我希望内容div随着页面的展开而展开,但是当文本流过页脚时,它会导致页脚在页面上向上跳转 html,body{margin:0;/top,right,bottom,left/padding:0;/top,right,bottom,left/height:100%;}

  • 问题内容: 您将从这段代码中看到它从hash标签加载了内容URL。无论如何,是否只能从该外部页面加载单个div元素。 所以像之后 但这不起作用。 谢谢 问题答案: 您只需要在URL之后添加一个jquery选择器。 直接来自API的示例: 因此,它的作用是从指定的URL加载#container元素。

  • 注意:用户界面已经在 Dreamweaver CC 和更高版本中做了简化。因此,您可能在 Dreamweaver CC 和更高版本中找不到本文中描述的一些选项。有关详细信息,请参阅此文章。 关于添加动态内容 定义一个或多个动态内容源后,可以使用这些源向页面中添加动态内容。内容源可以包括记录集中的列、HTML 表单提交的值、服务器对象中包含的值或其它数据。 在 Dreamweaver 中,几乎可以将

  • 我们已经为一些静态页面创建了动作和视图,现在要稍微添加一些动态内容,根据所在的页面不同而变化:我们要让标题根据页面的内容变化。改变标题到底算不算真正动态还有争议,这么做能为第 7 章实现的真正动态内容打下基础。 我们的计划是修改首页、“帮助”页面和“关于”页面,让每页显示的标题都不一样。为此,我们要在页面的视图中使用 <title> 标签。大多数浏览器都会在浏览器窗口的顶部显示标题中的

  • 问题内容: 我正在使用AJAX将表单数据发送到建立并发送html电子邮件的服务器php文件。我在服务器php文件中回显了部分数据。回显的html生成一个表,我希望用户在纸上打印。我想打开默认的浏览器打印对话框,以便用户可以打印他/她看不到的表。我不在乎是否必须打开一个新选项卡才能显示回显的内容。这有可能吗? 问题答案: 返回该html表单ajax请求,然后使用javascript打印 此代码未经测

  • 问题内容: 如何在同一页面中显示XML和其他类型的数据? 上面的XML应该按格式显示。另外,我想在页面中显示HTML表和其他内容。如何实现呢? 我确实在STRING中通过文件获取了XML。 我不想解析它 我要显示(就是这样) 如果您谈到XSLT(请举个例子) 我正在考虑使用Jquery插件(有任何示例吗?) 问题答案: 一种简单的解决方案是将其嵌入元素内,这样既可以保留格式,也可以保留尖括号。我还