ホームページ >ウェブフロントエンド >htmlチュートリアル >CSSは2つのdivをオーバーラップさせます

CSSは2つのdivをオーバーラップさせます

PHP中文网
PHP中文网オリジナル
2017-06-07 09:23:563322ブラウズ

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 で、適切です。レイヤーが多い場合に使用します

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。