ホームページ  >  記事  >  ウェブフロントエンド  >  下の画像が上の画像を覆うようにするにはどうすればよいですか? _html/css_WEB-ITnose

下の画像が上の画像を覆うようにするにはどうすればよいですか? _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:28:583166ブラウズ


これら 2 つの写真で、下の写真を表示させ、ドロップダウン ボックス内の写真を隠すにはどうすればよいですか?


ディスカッションへの返信(解決策)

Position の下の z-index の値を大きいほど上位のレイヤーに設定するだけです。 。比較はルートレベルで行う必要があることに注意してください。 。
例:

    <div style="position:relative;z-index:2; width:500px; height:500px; background:red;">1</div>	<div style="position:relative;z-index:1; top:-20px; background:blue; width:600px; height:300px">    	<div style="position:relative;z-index:9999;">2</div>    </div>

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