ポップアップレイヤーウィンドウは常に中央に表示されます コードをコピー コードは次のとおりです: <br>var isIE=window.XMLHttpRequest?false:true; <br>var aIsIE={}; 🎜>if(isIE){ <br>window.onscroll=doIE; <br>window.onresize=doIE; } <br>関数 doIE(){ <br>aIsIE.top=document.documentElement.scrollTop; aIsIE.left=document.documentElement.scrollLeft; <br>var width=document.documentElement.clientHeight; <br>var oDiv=document.getElementById("oneReply"); 🎜>oDiv.style.top =aIsIE.top (height-oDiv.offsetHeight)/2 'px'; <br>oDiv.style.left=aIsIE.left (width-oDiv.offsetWidth)/2 'px'; ;/script> <br> <br> <br>まず、互換性のない CSS スタイルを理解する必要があります。 <br><br>Position 属性には 4 つのオプションの値があります: static、absolute、固定された、相対的な。 <br> </div> それぞれの使い方を一緒に学び、どのようなレイアウトでどれを使用するかを考えてみましょう。 <br><br>position:static 位置指定なし この属性値は、すべての要素のデフォルトの位置指定です。通常の状況では、特に宣言する必要はありませんが、継承状況が発生し、それを表示したくない場合があります。要素によって継承された属性はそれ自体に影響を与えるため、position:static を使用して継承をキャンセルできます。つまり、要素の位置のデフォルト値を復元できます。例: #nav {position:static; } 前に説明した他の 2 つは、主に固定位置について説明します。fixed は、ウィンドウの固定位置に対して何を意味しますか?要素は絶対と同様に配置されますが、その要素を含むブロックはビューポート自体です。 Web ブラウザなどの画面メディアでは、ドキュメントがスクロールされても要素はブラウザ ビュー内で移動しません。たとえば、フレーム スタイルのレイアウトが可能になります。印刷物などのページ媒体では、最初のページの同じ位置に固定要素が表示されます。これを使用して、流れるようなタイトルや脚注を生成できます。同様の効果を確認しましたが、そのほとんどは CSS ではなく、JS スクリプトを使用して実現されています。 IE6 はサポートしていないことに特に注意してください... <br><br>ここでは、この問題を解決するために、position:fixed; "ハック テクノロジ" と "JavaScript" を組み合わせて使用します。 ><br><br><br>コードをコピー<br><br><br> コードは次のとおりです:<img src="http://files.jb51.net/file_images/article/201311/201311291556081.gif?20131029155639" alt="js ポップアップ レイヤーは常に実装のアイデアと code_javascript スキルの中心にあります" ><div class="codebody" id="code45456"> <br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0 Transitional//EN" "http://www.w3.org/1999/xhtml/TR/xhtml/DTD/xhtml1 -transitional.dtd"> <BR>< html xmlns="http://www.w3.org/1999/xhtml"> <BR><頭＞ <BR>< meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br>图胜前端工程师</title> <br>ボディ,div{マージン:0;パディング:0;} <br>#a{幅:200px;高さ:200px;背景:青;位置:固定;左:50%;上:50%;マージン左:-100px;マージン上:-100px ;_位置:絶対;} <br>< /スタイル> <BR><スクリプトタイプ="text/javascript"> <BR>var isIE=window.XMLHttpRequest?false:true; <BR>var aIsIE={}; <BR>window.onload=function(){ <BR>if(isIE){ <BR>window.onscroll=doIE; <BR>window.onresize=doIE; <BR>関数 doIE(){ <BR>aIsIE.top=document.documentElement.scrollTop; <BR>aIsIE.left=document.documentElement.scrollLeft; <BR>var width=document.documentElement.clientWidth; <BR>var height=document.documentElement.clientHeight; <BR>var oDiv=document.getElementById("a"); <BR>oDiv.style.top=aIsIE.top (height-oDiv.offsetHeight)/2 'px'; <BR>oDiv.style.left=aIsIE.left (width-oDiv.offsetWidth)/2 'px';< /スクリプト> <BR>< /頭> <BR>< body style="max-width:90%"> <br> </div> <br>gt;<br>gt;<br>gt;<br>gt;<br>gt;<br>gt;<br>gt;<br><br>gt;<br>gt;<br>gt;<br>gt;<br>gt;<br>gt;<br>gt;<br><br> br/>gt;<br>gt;<br>gt;<br>gt;<br>gt;<br>gt;<br>gt;<br><br> <br> <br>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
