设置CSS时，IE 7选择框消失

Question

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

在除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并解决这个问题，但它已经完成了。

我知道这可能不是你想听到的，但如果你做这个搜索，你会为自己省去很多心痛。

希望这有帮助。