ナビゲーションメニューのドロップダウンボックスがテキストボックスに隠れて表示が不完全なのですが、それを一番上に配置して背景を透過表示するにはどうすればよいでしょうか?

ここに画像の説明を挿入'ここに画像の説明を挿入

解決策:
上部に表示する必要があるコンテンツに、
position:relative;
z-index:2;を追加します。

注:
コードの 2 行のうち 1 行が欠けてはいけません。最後の行を書いても効果はありません。上の行を見逃していたため、以前は理解できませんでした。

機能しない場合:
ブロックされているコンテンツの z-index 値が、最前面に表示する必要があるコンテンツの値よりも大きいことが原因である可能性があるため、position: fixed; z -index: 1 を追加し
ます
。 ;

背景の透明度:
表示の問題を解決した後: より透明に見える別の背景があります:
上に置く必要があるコンテンツに
「opacity: 1」を追加すると、背景が透明になります

知識ポイント:
位置: 相対;
/相対位置: 元の位置を基準としたオフセット、元の位置は保持されます/
Z インデックス: 0; /レベル表示 0 最小高さ 999 /
不透明度: 1; /背景の透明度 0 -1 の間/

おすすめ

転載: blog.csdn.net/weixin_47336389/article/details/122093296
おすすめ