【问题标题】:H1 tag overtop of the menu菜单上方的 H1 标签
【发布时间】:2017-04-12 17:07:39
【问题描述】:

这是我正在制作的网站:http://oca.darkstarmedia.net/about/a-history-of-the-oca/

问题是h1 标签位于下拉菜单上方。这只发生在 iPhone 上而不是模拟器上。

我该如何解决?

【问题讨论】:

  • 欢迎来到 StackOverflow,您的问题应该包含 Minimal, Complete and Verifiable Example。你试过什么?它可能是h1 的父元素与一些带有定位元素的z-index 混合在一起。

标签: javascript css iphone wordpress responsive


【解决方案1】:

您可能只需将下拉列表的z-index 属性设置为高于h1 标记。请注意,z-index 仅在它所应用的元素具有其 position 属性集时才有效。这是一个例子:

.dropdown {
   position: relative;
   z-index: 50;
}

这里是了解更多关于z-index的链接:https://www.w3schools.com/cssref/pr_pos_z-index.asp

祝你好运!

【讨论】:

  • 我有 z-inidex:1000;在下拉课程中。此外,它在 chrome 或任何其他网络浏览器上都能很好地显示,但只有 Iphone 才能像图片那样显示。
  • 嗯...有时z-index 在 iOS 上有点问题。尝试改用transform:translateZ(1px);。
猜你喜欢
  • 2011-09-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-08-17
  • 1970-01-01
  • 2015-06-23
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多