ナビゲーション バーを追加し、ドロップダウン ボックスを配置する必要がありますが、ドロップダウン ボックスはナビゲーション バーの下に隠れます。これは私のドロップダウン ボックスのコードです。
<div class="wrapper">
<div class="button">
<div id="ddmenu">
<ul>
<li>SHARE
<div>
<div class="column">
<a id="sendFacebook" onclick="share(3)" href="#">Email</a>
<a id="sendMMS" onclick="share1(3)" href="#">MMS</a>
</div>
</div>
</li>
</ul>
</div>
</div>
ボタン クラス
.wrapper {
text-align: center;
}
.button {
position: absolute;
top: 10%;
left: 20px;
}
ナビゲーションバー クラス
.navigationBar {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 45px;
background-color: #333;
background-repeat: repeat-x;
color: #FFF;
text-align: center;
line-height: 44px;
font-size: 14pt;
-webkit-text-shadow: 0px -1px 0px #000;
text-shadow: 0px -1px 0px #000;
}
私が試したのは、.navigationBar の位置を相対的に変更したことですが、これによりナビゲーション バーが下部に表示されるようになりました。