メニューバーと背景の位置の両方を修正しようとしていました。
そこで、このコードを本文に追加して、背景の位置を修正します。
<body style ="width: 100%; background-image: url(images/bkgd3_1260_black.jpg); background-attachment:fixed; background-size: cover; background-position:center;>
<div id="menu-bar"> xxxxx
</div>
<---other content--->
</body>
そして、メニューバーの位置を固定するためのコードをヘッドタグの下に置きます。
<head>
<style type="text/css">
#menu-bar {
position: fixed;
left: 0px;
top: 0px;
width: 1000px;
height: 25px;
z-index: 100;
background-color: #040404;
font-family: Calibri;
font-size: 16px;
font-style: normal;
text-transform: none;
text-decoration:none;
color: rgb(231,231,231);
line-height: normal;
letter-spacing: normal;
text-align: left;
word-spacing: normal;
display: table-row;
background-repeat: no-repeat;
border-bottom-width: thin;
border-bottom-style: solid;
border-left-style: none;
border-right-style: none;
border-top-style: none;
border-bottom-color: rgb(204,255,38);
}
</style>
<head>
ただし、結果は次のようになります。背景は固定されていますが、メニューバーは固定されていません。下にスクロールすると、メニューバーが消えます。私は実際にそれを一番上にとどめて欲しいです。
助言がありますか？