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

Question

请在chrome和IE中比较此页面

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

在chrome中，它可以正确显示。 但是在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属性