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

时间:2012-01-11 05:48:17

标签: css css3 opacity

请在Chrome和IE中compare this page

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

在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是我的下拉选定字段的类名。

由于

1 个答案:

答案 0 :(得分:0)

尝试使用z-index属性