1

現在の Web プロジェクトでは、スクロールはロゴと見出しの後に開始する必要があります。
ここにページがあります: http://neos-srv.dyndns.org/restaurantAppHtdocs/site.php

そこで、ヘッダーを作成し、ヘッダーにロゴと見出しを配置し​​ました。ただし、スクロールするたびに領域が半透明になるため、ヘッダーを通してコンテンツが輝きます。

では、コンテンツと重ならない半透明のヘッダーを作成するにはどうすればよいですか?

ノート:

  • ブラウザウィンドウ/解像度が小さすぎる場合にのみページがスクロールします(ブラウザウィンドウの最大化を元に戻してテストします)
  • 背景画像を表示するには、ヘッダーを半透明にする必要があります。背景の一部であるヘッダーに背景画像を使用しようとしましたが、これは同じモニターでしか見栄えがしません。例: http://neos-srv.dyndns.org/restaurantAppHtdocs/site.php?page=restaurants
  • Internet Explorer は使用しないでください。サイトが正しく表示されません。
4

3 に答える 3

0

#headerから固定された位置を取り、display:blockなどのスタイルにします。Position:fixedを使用すると、コンテンツがページとともにスクロールするため、画像がこのヘッダーセクションの下に表示されます。

于 2012-08-06T07:42:54.130 に答える