Hello Folks,
let's discuss about the following sourcecode.
I want to deactivate some phrases in my Webformular with an half
transparity layer above of them. This runs already very good. Now I've
testet in IE with an select-combo box and _only_ this one will always
showed on top, so you can select this. I#m using IE 6.0 and Mozilla 1.0.6.
Can anybody tell me what's wrong or how should I build a workaround.
Thanks
Bas
################################
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
<title></title>
<style type="text/css">
<!--
div#content
{
width: 500px;
/* for non-IE Browsers */
min-height: 500px;
border: 1px solid #b0cbe4;
}
* html div#content /* for IE */
{
height: 500px;
}
div#deactivate
{
margin-left: 40px;
border: 1px solid red;
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
width: 500px;
height: 500px;
background-color: white;
opacity: 0.8;
filter: alpha(opacity=80);
}
-->
</style>
</head>
<body>
<div id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Quisque velit. <br />
<select name="sortes" style="z-index: 1;">
<option value="13">Bourbon</option>
<option value="6">Whiskey</option>
</select>
</div>
<div id="deactivate">
</div>
</body>
</html>
