z-index对某些HTML元素的不良行为

Question

我已经看过这种行为多年了。 DIV元素不能覆盖复选框和无线电按钮。无论z-index使用什么。有解决方案吗？

此外，我正在使用simpletip（不能使用qtip）。如果你知道另一个jquery工具提示准备使用这个工作...我打开我的钱包。 THX

Answer 1

好的，现在我们可以工作了。

首先：这可能与你的问题无关，但它可能会导致其他问题：你的HTML充满了错误：

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fnomikos.info%2Fprivate%2Fwp%2Foptions-general.php.html

最重要的是，span可能不包含div等块元素。大多数错误是因为您使用的是HTML语法而不是XHTML语法。使用HTML DOCTYPE可能比修复所有XHTML错误更容易。

---

您的实际问题是z-index仅适用于定位的元素（绝对，相对，固定），并且因为您的“工具提示”不是z-index无效。

你需要解释你想要它做什么。在那之前，我可以提出一般性建议：

您可以确保“工具提示”不会比周围的span更宽。目前它的宽度为300px，并且由于span是灵活的，当span变得太小时，它会溢出。

或者您提供“工具提示”position: absolute以及较小的top和left值（BTW当前top和left值目前无用，因为它们也只适用于定位元素），而它是父span position: relative。