z索引和CSS问题

如何将页面的特定部分（div section？）设置为位于另一部分的顶部？我尝试在CSS文件上添加一个z索引，但它不起作用。或者我调整了错误的CSS文件。最后，我面临着：

---我应该调整哪个CSS文件？（我正在使用Firebug，但现在我不确定是否正确使用了它
---我需要做哪些精确的代码调整

这是一个示例页面：。向下滚动时，页面右下角的推荐框会被棕色区域覆盖。目标是将其放在顶部，以便在向下滚动时不被覆盖（我知道我最好将其定位为“绝对”，但这不是目标）

任何反馈都将不胜感激。谢谢

---

---

终于解决了！非常感谢您在下面的所有评论。虽然一些答案并没有完全解决问题，但它们背后的一些概念确实有帮助。

删除

位置：修复了类中的

CSS文件-
wp-content/themes/it/style.CSS

sidebar-widget-1

及

sidebar-widget-2

它们将继续存在

刚意识到它可能不是你想要的样子：）然而，即使有正确的z-index，让它们重叠在页脚上看起来也很奇怪…
你需要在div上设置
z-index:21
，id
it\u widget\u content-11-background-wrapper
，这是边栏小部件的主要容器。这应该可以解决问题。
对于这个
小部件背景包装工具sidebar-widget-2
添加
z-index:9999
，这非常简单。抱歉，我宁愿对此发表评论，但声誉<50。
文件本身基本上是不相关的（只要它被引用）。您需要将
z-index
放入针对所需元素的规则中。然后，确保该值高于以元素为目标的任何
z-index
值，否则会将其遮挡。这也可能是堆叠上下文的问题-感谢各位的输入！我也会调查的。谢谢。这是否与将它们定位为“绝对”相同，以便它们在滚动时随页面移动（因此不会与棕色区域发生冲突）？我知道这是一个更好的选择，但我还没有批准这样做。必须按照指示将其固定。这是不同的，将其定位为“绝对”将使其脱离正常流程。目前，这些小部件包含在浮动到右侧的
div
中。左边的内容会向左浮动。谢谢。我要测试这个，因为页脚确实是需要考虑的。但是我对CSS文件中的这些元素非常迷茫。将继续签入…这是CSS文件-
wp content/themes/it/style。CSS
-第350行和第357行具有
位置：固定的
，可以与
顶部
、
z-index
和
左侧一起删除：）好的，我找到了需要调整的文件（更像是通过尝试和错误），但它仍然不起作用。当我删除定位时，它的行为就像“绝对”——就像你向下滚动时侧边栏中的移动一样。我在定位哪个CSS文件包含该元素时遇到问题。style.CSS:354，add
z-index:999结束，或者您可以创建另一个类，包括
小部件背景包装器
和
侧栏-widget-2
，offtopic，但我建议您进一步使用开发人员工具labor@KamleshKushwaha我建议使用更高的数字，如果我们看元素，它肯定是在所有元素之上，如果是这样，21将在将来添加其他元素时导致问题，并且您将再次执行相同的工作此元素已工作！非常感谢！但是我必须考虑页脚，因为它不能放在推荐框下面。但现在我知道下一步该怎么办了：）如果你解决了，为什么不把这个建议的答案中的一个标记为“有帮助”，这样其他人就可以节省时间我很好奇。。。为什么是“21”而不是其他高数字？是的，我也很难找到具有该ID设置的CSS文件。因为21是解决问题的最小数字。只需避免高z索引编号。您不需要为该id分配任何样式。只需找到具有该id的div，并将该样式分配给它唯一的类之一。这个div有以下几个类：widget background wrapper sidebar-widget-2我很好奇你是如何把21作为解决这个问题的最小数量的。我试过那个号码，它确实有用！但当我尝试20时，它给了我最好的结果，因为当你向下滚动时，我希望页脚位于推荐框的顶部。你不是在猜数字。你是怎么做到的？谢谢，顺便说一句！首先滚动到底部，当页脚与相关div重叠时，开始增加z-index值，直到div位于页脚顶部。这就是我得到21分的原因。减少了第一个浏览器窗口的高度