• ベストアンサー

スライドするコンテンツを半透明なメニューバーの下に通すにはどうすればい

スライドするコンテンツを半透明なメニューバーの下に通すにはどうすればいいのでしょうか？ うまく言葉で説明できないのですが、 http://www.housingworks.org/ の一番上のメニューのように上部にあって文字以外が半透明で、 http://www.designfilmfestival.com/singapore/ のサイドバーのように、コンテンツをスライドさせても、スライドさせたコンテンツが下を通っていくようにするにはどうすればいいでしょうか？ ページをスクロールした時について来ない半透明なフローティングメニューのような感じで、 メニューができないものでしょうか？

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

最初のサイトの#headerは、background-color:transparentにして background-imageに半透明なPNGを使ってます。あとは次のサイトの #permanentのようにposition:fixedしてやればオッケー。どちらの 方法もIE6は切り捨ててます。

画像を拡大する
dooloo
質問者

お礼

わかりやすい説明ありがとうございました。また見かけたらよろしくお願いします。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • こちらのサイトの様なFLASHスライド＆メニューの作り方を教えてくださ

    こちらのサイトの様なFLASHスライド＆メニューの作り方を教えてください！ http://www.zibunzikan.com/ 当方はCS４ windows環境です。 こちらのサイト（http://www.zibunzikan.com/）のトップにあるFLASHメニューが作りたいです。 構造は全く同じで、上部で左右の矢印でスライドが動く。下のサムネールをクリックしても連動してスライドが動く。 そして、メインにきたメニュー（画像）をクリックすると該当コンテンツへリンク。 サイズはブラウザ上で横１００％で作成したいです。 このtipsをお教えていただけますでしょうか？ 制作環境はcs4になります。

    • ベストアンサー
    • Flash
  • powerpoint　スライド間の空き

    powerpointで作られたファイルを作り直しているのですが 途中ひとつのスライドが変わった仕様になっています。 ・スクロールバーでそのスライドが大きな範囲をとっている ・前のページからスクロールするとスライド間の灰色の部分が長く表示され、ずっと下にいくと当該スライドが表示される ・当該スライドをコピーして別の位置（順番）に貼り付けてもスライド上部のスライド間の空きが残る ・（このため？）全体のファイルのサイズが比較的大きくなっている ・PageUpやPageDnを使えばスムーズに移動できる これらの状態を解消するためにはどうすればいいでしょうか。 どうかご教授お願いします。

  • ブラウザのスクロールバーでスクロール領域を限定したい。

    ブラウザのスクロールバーでスクロール領域を限定したい。 お世話になります。 左に縦長のswf、真ん中にコンテンツ、右に縦長のswfを表示するページを作ろうと 思っています。 そして、swfは表示されてなくてもいいようなものとして、 ブラウザの下の横スクロールバーには、 真ん中のコンテンツの範囲内だけを移動できる横スクロールバーとしたい と思っています。 つまり真ん中のコンテンツが隠れた場合にスクロールバーが出てくるが、 swfが隠れただけでは出てこない、 そして、スクロールバーをめいっぱいスライドしても、コンテンツの端までしか いけず、swfの端まではいかない、というものです。 こういったことがJSかCSSで可能なのでしょうか？ おわかりになる方いらっしゃいましたら、 教えていただけないでしょうか？ お手数をおかけしますが、よろしくお願いします。

  • スライド式メニューについて

    お分かりになりましたら教えて下さい。 http://www.condo.fromc.jp/flash/memo/index.html こちらのサイトの上から5番目の「■スライド式メニュー (2003/11/2)」を参考にして現在制作しております。 サンプルでいいますと[コンテンツ１]の文字部分をボタンにして、 クリックすると他のページに飛ぶようにしたいと 考えておりますが、ただスライドされてしまうだけで出来ません。 また、どうしてそうなってしまうかはわかりましたが 知識が足らずボタンにする事が出来ませんでした。 どうすれば他のページへ飛ぶように出来るか 教えていただけませんでしょうか。 環境は　[Windows XP Flash MX 2004]　です。

    • ベストアンサー
    • Flash
  • マック風ドック型メニューとコンテンツスライダー

    http://demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.html 上記サイトのコンテンツスライダーのメニュー部を 下記サイトのマック風ドック型まニューにしたいのですが、できるのでしょうか？ http://creazy.net/2008/03/mac_style_dock_plus.html コンテンツスライダーの上にメニューを置いて クリックでメニューの下のコンテンツががスライドするようなものを作りたいのですが もし教えてくださる方がいらっしゃったらご教授下さい＞＜！

  • ウインドウのメニューバーの下の表示を非表示にする方法

    ウインドウのメニューバーの下の表示を非表示にする方法 メニューバーの下のバーを、ここでは「整理バー」とします。 従来のメニューバーの文字列の下に、使わない文字列が表示されていると 見にくくて非常に使いにくいです。 非表示にしたいのですが、どうやったらいいのでしょうか？ 添付画像の赤枠の部分です。 整理バーの右にあるボタン等は無くて全く問題ありません。 メニューバーの下の、 整理バーの1行が、まるまる消えてくれれば理想的なのですが。

  • マウスオーバーしたら、メニュー帯の下に、文字のメニューを出したいです

    こんにちは。 いつもお世話になっております。 今ＨＰで、ページの上の方に、メニュー文字が帯になって横に並んだ ページがあるのですが、リンクコンテンツが増えてきたので、 メニュー帯の中の文字にマウスが乗っかったら 帯の下に、コンテンツの文字が浮き出る奴をしたいと 思って、ジャバスクリプトのサンプルページなどを さすらっているのですが、見つからないのです。 参考サイトさんや、参考になりそうな書籍をご存知の 方いらっしゃいましたら、どうか教えていただけない でしょうか・・・。 よろしくお願いいたします。

  • このページと同じメニューバー

    このページの上部にある『コミュニティー』『ビデオ』『グランプリ』『OK CLIP』のメニューみたいなオレンジのグラデーションになっているバーはどうやって作ればいんでしょうか？このメニューのようにテキストで認識されるようにしたいです。

    • 締切済み
    • CSS
  • メニューバー

    IEで、上のメニューバーから「編集」→「このページの検索」をしようとしたら間違って「表示」→「全画面表示」をクリックしてしまいました 上のバーと下のバーが出なくなりました＞＜ どうやったら直りますか？お願いします！

  • 下のバーを出すには??

    今ＨＰを作ってるのですが、私のＨＰを開くと下のバーが無いのです （『ページが表示されました』とか文字が出る所） そこのバーの所に文字を入れたいのですが、バーはどうしたら出るように なるのですか??

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する