Hi,
The content of my website is rendered in a div whitch requires to be transparant. This can be done in IE with the css filter attribute, value croma.
However, selection lists (html select tag) become totally crap when being used in this div.
Example:
[code]
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=windows-1250″>
<meta name=”generator” content=”PSPad editor, www.pspad.com”>
<title></title>
<style type=”text/css”>
div#content_part {
overflow: auto;
overflow-x:auto;
overflow-y:scroll;
width:469px;
height:300px;
background-color: #FFFFFE;
text-align:left;
float:left;
padding-left:10px;
padding-right:10px;
scrollbar-face-color: #FFFFFE;
scrollbar-shadow-color: #3FB404;
scrollbar-highlight-color: #FFFFFE;
scrollbar-3dlight-color: #3FB404;
scrollbar-darkshadow-color: #FFFFFE;
scrollbar-track-color: #FFFFFE;
scrollbar-arrow-color: #3FB404;
scrollbar-base-color: #FFFFFE;
z-index:600;*/
FILTER: chroma(color=#FFFFFE);
}
</style>
</head>
<body>
<div id=”content_part”>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
BLA<br/>
before<br/>
<select>
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
</select>
after<br/>
BLA<br/>
BLA<br/>
</div>
</body>
</html>
When you run this, the list will be invisible or party visible only (tested in IE 5.5 and 6.0).
Has someone ever had the same problem, and is it possbile to get drop downs working on a scrollable transparant div?
Thanks in advance.
Regards,
Kees van Dieren