HOME フォーラム Lightning グローバルメニュー背景について

このトピックには2件の返信が含まれ、2人の参加者がいます。1 週、 5 日前 makomaki さんが最後の更新を行いました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #9358
    じょに次郎
    じょに次郎
    モデレーター

    グローバルメニューの背景を透過にしたいと思い、デベロッパツールなどを使用して試行錯誤していますが、透過指定すると、どうしてもロゴやメニューまで透過してしまいます。
    背景だけを指定するクラスなどはあるのでしょうか?

    #9359
    じょに次郎
    じょに次郎
    モデレーター
    header.siteHeader {
    /* RGBでの色・透過指定の例 */
    background-color:rgba(0,0,0,0.1);
    /* 16進数での色・透過指定の例 */
    background-color:#00000033;
    }

    のように背景画像に対して指定すればいけると思います。

    ただし、ヘッダーの背景が白なで、透過させるとただ背景が薄くなるだけになってしまいます。

    普通に考えたらスライドショーを上部につけてヘッダーを透過させたいのだと思いますが、パパラックス風にするためにおスライドをFixさせているので、その下のコンテンツエリアもjsでヘッダーを含めた高さ計算した値で余白がついているので調整が非常に困難です。

    なので、スライド部分がコンテンツエリアで隠れていく処理を完全にオフにして

    header.siteHeader {
    /* RGBでの色・透過指定の例 */
    background-color:rgba(0,0,0,0.1);
    /* 16進数での色・透過指定の例 */
    background-color:#00000033;
    }
    .home .carousel.slide,
    .page-header{ 
    margin-top:0 !important;
    position:relative;
    }
    .breadSection,
    .siteContent {
    margin-top:0 !important;
    }

    になりますが、これでも文字の位置の調整が必要なので、そこはまた必要に応じてご自分で調整してください。

    #9360

    makomaki
    参加者

    ご回答ありがとうございます。
    結構大変な事になってしまうんですね。。。
    がんばります。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

このトピックに返信するにはログインが必要です。