Question

Please compare this page in chrome and IE

You can see drop down fields in the right side.

In chrome it displays correctly. But in IE displays rectangular boxes.

So i applied opacity for select fields using the following code.

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

But it hides everything. I mean “Please select” text too. You can see everything invisible in IE but chrome displays it correctly.

So i tried this code. But its not working.

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

Where selectedx is the class name of my drop down selected field.

Thanks

Answer 1

Try to use z-index property