Вот пример:
<html> <head> <title>Страничка с неподвижным фоном</title> <style type="text/css"> <!-- body{ background-image:URL('back.gif'); background-attachment:fixed; margin:0px;padding:0px; } #body{position:absolute;z-index:1;width:auto;} --> </style> <script language="JavaScript1.2" type="text/javascript"><!-- var oldScrollX=0; var oldScrollY=0; var NN=((document.layers)?true:false);
function fixBg() { if (window.pageXOffset!=oldScrollX || window.pageYOffset!=oldScrollY){ document.layers.bg.left=oldScrollX=window.pageXOffset; document.layers.bg.top=oldScrollY=window.pageYOffset; } }
function makeBg() { if (NN) { document.layers.bg = new Layer(window.innerWidth); document.layers.bg.left = 0; document.layers.bg.top = 0; document.layers.bg.height = window.innerHeight; document.layers.bg.background.src = 'back.gif'; document.layers.bg.visibility = 'show'; document.layers.bg.zIndex = 0; document.layers.bg.document.open(); document.layers.bg.document.write('<table width="100%" '+ 'height="105%" border="0" cellspacing="0" cellpadding="0">'+ '<tr><td> </td></tr></table>') document.layers.bg.document.close(); setInterval("fixBg();",100); } } //--></script> </head> <body background="back.gif" onload="makeBg();"><script language="JavaScript1.2"><!-- if (NN) document.write('<div id="body">') //--></script> ... ... ... Baш HTML ... ... ... <script language="JavaScript1.2"><!-- if (NN) document.write('</div><table height="NNNN">'+ // //Здесь пишем высоту странички в пикселах при разрешении 640x480 '<tr><td> </td></tr></table>'); //--></script></body> </html>
правила · список вопросов · преамбула · обратная связь · наверх
По материалам эхоконференции RU.HTML.CHAINIK (news://fido7.ru.html.chainik)