需要简单的css不透明IE修复帮助

Question

请在chrome和IE 中比较此页面

您可以在右侧看到下拉字段。

在铬中，它显示正确。但在IE中显示矩形框。

因此，我使用以下代码为选择字段应用了不透明度。

select
{
opacity:0;
filter:alpha(opacity=0); /* For IE8 and earlier */
}

但它隐藏了一切。我的意思是"请选择"文本。你可以在IE中看到所有不可见的东西，但chrome可以正确显示。

所以我尝试了这个代码。但它不起作用。

select option.selectedx
{
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

其中selectedx是我的下拉选择字段的类名。

感谢

Answer 1

尝试使用z-index属性