ホームページ >ウェブフロントエンド >htmlチュートリアル >CSSは2つのdivをオーバーラップさせます
Webページを作成中に、別のWebページの天気プラグインをpに入れたのですが、クリックすると広告ページに飛んでしまうので、pのクリックを無効にする方法を探したいと思いました。ネットで調べたところ、jsを使った方法はうまくいかないようで、後は位置決めが面倒ですが、クリックを防ぐために2つのレイヤーを重ねる方法を使うことにしました
<p style="position:relative"> <p style="position:absolute;left:0;top:0"> </p> <p style="position:absolute;left:0;top:0"> </p> </p>
。相対的とは相対的な位置を意味します。 Absolute は絶対的な位置決めです。どれか 1 つがないと機能しないのは驚くべきことですが、組み合わせると 1 つの p 内の 2 つの p が重なる可能性があります。 www.w3school.com.cn/css/css_positioning.asp ここでは、w3school での CSS 位置決めに関するいくつかの手順を示します
z-index:1 これは、2 つのレイヤーの表示順序を決定します。z-index のデフォルト値は 0 で、適切です。レイヤーが多い場合に使用します