PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Transparenz und Vererbung


The_Invisible
2009-08-03, 10:30:19
hallo,

ich habe ein kleines problem mit der transparenz einer div box. und zwar wird die div box über die ganze seite angezeigt mit einer gewissen transparenz. das problem ist jetzt das die element darin nicht transparent sein sollen, in dem fall ein iframe.

nachfolgend der source, ist leider nicht public:


<script type="text/javascript">
<!--

function show_webmail()
{
document.getElementById("webmail_layer").style.display = "block";
}

function close_webmail()
{
document.getElementById("webmail_layer").style.display = "none";
}

function init()
{
document.body.insertBefore(document.getElementById("webmail_layer"), document.body.firstChild);
}

(function(i) {var u =navigator.userAgent;var e=/*@cc_on!@*/false; var st =
setTimeout;if(/webkit/i.test(u)){st(function(){var dr=document.readyState;
if(dr=="loaded"||dr=="complete"){i()}else{st(arguments.callee,10);}},10);}
else if((/mozilla/i.test(u)&&!/(compati)/.test(u)) || (/opera/i.test(u))){
document.addEventListener("DOMContentLoaded",i,false); } else if(e){ (
function(){var t=document.createElement('doc:rdy');try{t.doScroll('left');
i();t=null;}catch(e){st(arguments.callee,0);}})();}else{window.onload=i;}})(init );

//-->
</script>

<h1><?=$this->params->get('header_title')?></h1>

<div id="webmail_layer" style="position: fixed; width: 100%; height: 100%; background-color: #000000; opacity: 0.9; filter: alpha(opacity=90); color: #FFFFFF; margin: 0px; padding: 0px; left: 0; top: 0;">
<div align="center" style="width: 100%; height: 100%;">
<iframe id="webmail_frame" name="webmail_frame" src="<?=$this->webmail_url?>" frameborder="0" style="margin: 20px auto; width: 80%; height: 80%; opacity: 1; filter: alpha(opacity=100);">
Ihr Browser unterstützt leider keine Frames. Bitte aktualisieren Sie diesen auf eine neuere Version.
</iframe>
<br /><br />
<a href="javascript:close_webmail();">Webmail schließen</a>
</div>
</div>

<p>
<a href="javascript: show_webmail();">Webmail anzeigen</a>
</p>


hoffe es hat schon wer erfahrung mit diesem problem.

mfg

The_Invisible
2009-08-03, 11:30:06
so, habs mal wieder selber gefunden, falls es wenn interessiert:


<div id="webmail_layer" style="position: fixed; width: 100%; height: 100%; margin: 0px; padding: 0px; left: 0; top: 0;">
<div style="position: fixed; width: 100%; height: 100%; background-color: #000000; opacity: 0.8; filter: alpha(opacity=80); color: #FFFFFF;"></div>
<div align="center" style="position: absolute; width: 100%; height: 100%;">
<iframe id="webmail_frame" name="webmail_frame" src="<?=$this->webmail_url?>" frameborder="0" style="margin: 20px auto; width: 80%; height: 80%; opacity: 1; filter: alpha(opacity=100);">
Ihr Browser unterstützt leider keine Frames. Bitte aktualisieren Sie diesen auf eine neuere Version.
</iframe>
<br /><br />
<a href="javascript:close_webmail();">Webmail schließen</a>
</div>
</div>


warum bei dem transparenz tag aber nur fixed und nicht auch absolute funktioniert verstehe ich nicht ganz...

mfg