southbeach
Programmer
Working on a couple forms where upon clicking on an option, I am:
1) Blocking form using a layer with X% opacity
2) Showing layer on high z-index for user input
3) Reverse process once input is submitted
Now, this works well in FF but in IE, the blocking layer shows solid thus my background is nothing but a gray blanket. In FF, I can see the original form right through the partially transparent layer.
What is the trick to get same behavior in IE as I do in FF?
Here is the CSS I am using:
The layer is defined within the <body ...> as follows
What say you?
Thanks!
1) Blocking form using a layer with X% opacity
2) Showing layer on high z-index for user input
3) Reverse process once input is submitted
Now, this works well in FF but in IE, the blocking layer shows solid thus my background is nothing but a gray blanket. In FF, I can see the original form right through the partially transparent layer.
What is the trick to get same behavior in IE as I do in FF?
Here is the CSS I am using:
Code:
.blockScreen {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 20;
display: none;
background-color: #CCC;
opacity:.55;
}
Code:
<div id="blockScreen" class="blockScreen"> </div>What say you?
Thanks!
