Código HTML:
<!-- function toogle() { var params=toogle.arguments; for(var i=1;i<params.length;i++) { document.getElementById(params[i]).style.display=params[0]; } } //--> </script> <style type="text/css"> /*html, body { height: 100%; width: 100%; margin: 0; paddin: 0; overflow: hidden; }*/ #kba { height: 100%; width: 100%; overflow: auto; } #modal { position: absolute; padding: 0; margin: 0; width: 100%; height: 100%; z-index: 50; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; background-color: #808080; left: 0; top: 0; overflow: auto; } #mContainer { position: absolute; left: 87px; top: 66px; background-color: #000000; color: #ffffff; width: 75%; height: 75%; z-index: 100; filter: alpha(opacity=100); opacity: 1; -moz-opacity:1; } </style> <th class="odd" width="25%"><strong>Puertas Seccionales<br /> <em> <a id="open" value="fopen" onclick="toogle('block','modal','mContainer')"> <img src="../images/imagenes/minilogos/seccionales.png" border="0" width="72" height="72" /> </a> <div id="modal" style="display:none"> <div align="right" id="mContainer" style="display:none"> <input align="right" id="close" type="button" value="Cerrar X" onclick="toogle('none','modal','mContainer')"/><br /> <iframe title="seccional" width="100%" height="100%" src="http://issuu.com/eurocierre/docs/seccionales?viewMode=magazine&mode=embed" frameborder="0" allowfullscreen></iframe> </div> </div> </th> <th class="odd" width="25%"><strong>Enrollables<br /> <a id="open" value="fopen" onmouseover="font-color:#0CC" onclick="toogle('block','modal','mContainer')"> <img src="../images/imagenes/minilogos/ENROLLABLES DE HIERRO.png" border="0" width="72" height="72" /></a> <div id="modal" style="display:none"> <div align="right" id="mContainer" style="display:none"> <input align="right" id="close" type="button" value="Cerrar X" onclick="toogle('none','modal','mContainer')"/><br /> <iframe title="enrollable" width="100%" height="100%" src="http://issuu.com/eurocierre/docs/enrollable?viewMode=magazine&mode=embed" frameborder="0" allowfullscreen></iframe> </div> </div> </th>