js ポップアップレイヤーは常に実装のアイデアと code_javascript スキルの中心にあります

ポップアップレイヤーウィンドウは常に中央に表示されます

コードをコピー コードは次のとおりです: var isIE=window.XMLHttpRequest?false:true; var aIsIE={}; 🎜>if(isIE){ window.onscroll=doIE; window.onresize=doIE; } 関数 doIE(){ aIsIE.top=document.documentElement.scrollTop; aIsIE.left=document.documentElement.scrollLeft; var width=document.documentElement.clientHeight; var oDiv=document.getElementById("oneReply"); 🎜>oDiv.style.top =aIsIE.top (height-oDiv.offsetHeight)/2 'px'; oDiv.style.left=aIsIE.left (width-oDiv.offsetWidth)/2 'px'; ;/script>

まず、互換性のない CSS スタイルを理解する必要があります。

Position 属性には 4 つのオプションの値があります: static、absolute、固定された、相対的な。 それぞれの使い方を一緒に学び、どのようなレイアウトでどれを使用するかを考えてみましょう。

position:static 位置指定なし この属性値は、すべての要素のデフォルトの位置指定です。通常の状況では、特に宣言する必要はありませんが、継承状況が発生し、それを表示したくない場合があります。要素によって継承された属性はそれ自体に影響を与えるため、position:static を使用して継承をキャンセルできます。つまり、要素の位置のデフォルト値を復元できます。例: #nav {position:static; } 前に説明した他の 2 つは、主に固定位置について説明します。fixed は、ウィンドウの固定位置に対して何を意味しますか?要素は絶対と同様に配置されますが、その要素を含むブロックはビューポート自体です。 Web ブラウザなどの画面メディアでは、ドキュメントがスクロールされても要素はブラウザ ビュー内で移動しません。たとえば、フレーム スタイルのレイアウトが可能になります。印刷物などのページ媒体では、最初のページの同じ位置に固定要素が表示されます。これを使用して、流れるようなタイトルや脚注を生成できます。同様の効果を確認しましたが、そのほとんどは CSS ではなく、JS スクリプトを使用して実現されています。 IE6 はサポートしていないことに特に注意してください...

ここでは、この問題を解決するために、position:fixed; "ハック テクノロジ" と "JavaScript" を組み合わせて使用します。 >

コードをコピー

コードは次のとおりです: 图胜前端工程师 ボディ,div{マージン:0;パディング:0;} #a{幅:200px;高さ:200px;背景:青;位置:固定;左:50%;上:50%;マージン左:-100px;マージン上:-100px ;_位置:絶対;} var isIE=window.XMLHttpRequest?false:true; var aIsIE={}; window.onload=function(){ if(isIE){ window.onscroll=doIE; window.onresize=doIE; 関数 doIE(){ aIsIE.top=document.documentElement.scrollTop; aIsIE.left=document.documentElement.scrollLeft; var width=document.documentElement.clientWidth; var height=document.documentElement.clientHeight; var oDiv=document.getElementById("a"); oDiv.style.top=aIsIE.top (height-oDiv.offsetHeight)/2 'px'; oDiv.style.left=aIsIE.left (width-oDiv.offsetWidth)/2 'px'; gt; gt; gt; gt; gt; gt; gt;

gt; gt; gt; gt; gt; gt; gt;

br/>gt; gt; gt; gt; gt; gt; gt;

js ポップアップ レイヤーは常に実装のアイデアと code_javascript スキルの中心にあります

js ポップアップレイヤーは常に実装のアイデアと code_javascript スキルの中心にあります