現在の Web プロジェクトでは、スクロールはロゴと見出しの後に開始する必要があります。
ここにページがあります: http://neos-srv.dyndns.org/restaurantAppHtdocs/site.php
そこで、ヘッダーを作成し、ヘッダーにロゴと見出しを配置しました。ただし、スクロールするたびに領域が半透明になるため、ヘッダーを通してコンテンツが輝きます。
では、コンテンツと重ならない半透明のヘッダーを作成するにはどうすればよいですか?
ノート:
- ブラウザウィンドウ/解像度が小さすぎる場合にのみページがスクロールします(ブラウザウィンドウの最大化を元に戻してテストします)
- 背景画像を表示するには、ヘッダーを半透明にする必要があります。背景の一部であるヘッダーに背景画像を使用しようとしましたが、これは同じモニターでしか見栄えがしません。例: http://neos-srv.dyndns.org/restaurantAppHtdocs/site.php?page=restaurants
- Internet Explorer は使用しないでください。サイトが正しく表示されません。