设置css时IE7选择框消失

Question

我在一些选择框的顶部有一个 z-index 为 1 的 div（具有透明背景）。

在除 IE7 之外的所有浏览器中，它都能正常显示和运行。 在 IE7 中会出现选择框，但无法单击或更改。

在 IE7 中，唯一的解决方法是将包含背景的 div 设置为 z-index -1。这会导致其他浏览器中的显示或其他框出现问题。

如果我执行此规则（尝试解决方法）

select{
position:relative;
z-index:1000;
}

所有选择框在 IE7 中都会消失。

我能做什么？

Answer 1

我用 IE7 的条件语句解决了这个问题。

在 IE7 中 -

z-index:-1;

所有其他浏览器 -

z-index:1;

Answer 2

我明白你在做什么。好的。关于这类事情的提示？不要尝试自己做！

有很多模态窗口，您可以使用它们在窗口上覆盖 div 元素并向其添加内容。有些会使背景变灰，有些只会漂浮在您的内容上。稍作搜索，您会找到适合您需求的。

您应该这样做的原因是选择元素是操作系统表单元素，而不是 Web 表单元素（这在背后真的很痛苦）。这意味着它们的行为方式与标准 html 块元素的行为方式不同（它们是特殊的并且喜欢被特殊对待）。因此，它们将始终显示为顶级项目（即使它们与您的情况不同）。您可以编写大量 javascript 来更改 DOM 并解决这个问题，但它已经完成了。

我知道这可能不是您想听到的，但如果您进行此搜索，您会省去很多心痛。

希望这会有所帮助。