【问题标题】:z-index with submit button not playing nice带有提交按钮的 z-index 不能正常播放
【发布时间】:2012-10-02 19:27:46
【问题描述】:

我为此绞尽脑汁,无法弄清楚。我有重叠的 DIV,但我无法让提交按钮(登录)位于顶部。

http://swaptoria.com/

您会在右侧看到登录按钮和主区域的一个 DIV,这会阻止该按钮被点击。

任何建议将不胜感激!

【问题讨论】:

  • 你的 HTML 是一团糟。不要指望任何人对你的页面进行逆向工程来解决这个问题。
  • 我们没有阅读整个代码???发布相关的部分。
  • 1) 您应该只对 UNIQUE 项目使用 ID。页面上永远不应该有重复的 id。 2) 您将#ImgRB div 的宽度设置为381px。 (页面上的第 240 行),因此它们正在扩展其容器并覆盖右侧的表单。将宽度设置为较小的值可以解决此问题。
  • @Diodeus 不需要逆向工程。建议:查看 chrome(或 IE)开发者工具。很摇滚!
  • 这就是逆向工程,Jememy。当我看到有人使用 TABLES 进行布局时,我通常会朝另一个方向跑。

标签: css input z-index layer


【解决方案1】:

您的登录按钮的位置是静态的,因此不会考虑其 z-index,将其更改为 position: relative; z-index 仅适用于定位元素(位置:绝对、位置:相对或位置:固定)。

【讨论】:

  • +1 经过测试,可以使用position:relative。干得好!
  • 非常感谢穆萨!做到了!我知道 HTML 是一团糟——我想这就是我将编码外包到海外的结果!!!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-10-16
  • 1970-01-01
  • 2019-11-30
  • 1970-01-01
  • 1970-01-01
  • 2015-04-27
  • 1970-01-01
相关资源
最近更新 更多