ビデオ背景の div の左側にメニューを配置する方法 - TechRepublic

ビデオ背景の div の左側にメニューを配置する方法 - TechRepublic
  • ビデオ背景の div の左側にメニューを配置する方法。

    こんにちは。画面の左側に幅 25%、高さ 100% のナビゲーション メニューを配置したいと考えています。

    これは私の HTML です:

    Controlmydestiny.com

    これは私の CSS です:

    .navigation{
    padding-top:30px;
    padding-bottom:30px;
    position:absolute;
    top:0;
    width:100%;
    z-index:1;
    }

    .navbar-right{
    float:right;
    padding-right:10%;
    }

    .navbar-right a{
    テキスト装飾:なし;
    パディング:10px;
    色: #fff;
    フォントファミリー:Arial;
    フォントの太さ:900;
    }

    .navbar-right a:hover{
    テキスト装飾:下線;
    }
    .navbar-logo{
    padding-left:10%;
    フォントファミリー:Arial;
    フォントサイズ:30px;
    フォントの太さ:太字;
    テキスト装飾:なし;
    色:#fff;
    }

    .video-container {
    z-index: -100;
    幅: 100%;
    高さ: 100%;
    オーバーフロー: 非表示;
    位置: 絶対;
    上: 0;
    左: 0;
    }

    #ビデオ背景{
    幅:100%;

    }

Tagged: