html - ページの半分とその下の一部のコンテンツに背景画像を設定し、下にスクロールするたびに固定されたままの navmenu を設定することは可能ですか?

Question

私が望むのは、下にスクロールしても上部のナビゲーションブロックが固定されたままになり、ナビゲーションバーの下のページの上半分近くに背景画像が表示されることです(半透明になり、画像が表示されるため)。画像の上ではなく、画像の下にあり、

Answer 1

CSSで固定のnavmenuを設定できます

.nevmenu{
   position:fixed;
}

半分の背景画像の場合。このリンクは便利だと思いました。 http://www.techsirius.com/2013/08/cover-half-body-background-with-image.html

彼らは2つの方法を与えました

方法 1:

body{
background-image: url(bg_img.jpg);
background-size: 100% 50%;
background-repeat:no-repeat;
}

方法 2:

上記の CSS コードを HTML ヘッダーにコピーします

$(document).ready(function(){
var h = $(window).height();
$('body').css('background-size', '100% '+(h/2)+'px');
}

Answer 2

このcssを試してください

body { background-image: url('mypic.gif'); }
#nav { position: fixed; z-index: 1000; }