Problem med transparente div-bokse i IE
Hej alle sammen,Jeg har problemer med at lave indkapslede, transparente div-bokse ved brug af Internet Explorers "filter.alpha(opacity=X)"-funktion.
Problemstillingen opstår når jeg forsøger at benytte filter-funktionen på en div-boks (divboks1) med en anden div-boks indkapslet (divboks2). Divboks2 er placeret forskudt af divboks1, således at den rager ud over divboks1's rammer. Dette er normalt ikke noget problem, men ved benyttelse af filter-funktionen vises kun den del af divboks2, der er indenfor divboks1's rammer.
Kode-eksempel:
<html>
<body style="background-color: #0000CC;">
<div id="divboks1a" style="filter:alpha(opacity=75); background-color:#FFFF00; width: 100px; height: 100px; position:absolute; top: 10px; left: 10px; z-index: -1; overflow:visible;">
<div id="divboks2a" style="background-color: #999999; position:absolute; top: 20px; left: 20px; width: 100px; height: 100px; z-index: 2; float: right;">
</div>
</div>
<div id="divboks1b" style="background-color:#FFFF00; width: 100px; height: 100px; position:absolute; top: 10px; left: 200px; z-index: -1; overflow:visible;">
<div id="divboks2b" style="background-color: #999999; position:absolute; top: 20px; left: 20px; width: 100px; height: 100px; z-index: 2; float: right;">
</div>
</div>
</body>
</html>
Håber nogen kan løse problemet.
Med venlig hilsen
Reimers
p.s. Jeg benytter Internet Explorer 6.
