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

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

PHP中文网
リリース: 2017-06-07 09:23:56
オリジナル
3320 人が閲覧しました

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート