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

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

WBOY
リリース: 2016-06-24 11:28:58
オリジナル
3208 人が閲覧しました


これら 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>
ログイン後にコピー

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