0

Html で全画面画像を設定していて、オーバーレイ テキストを追加したいと考えています。

私のCSSは次のようになります

 .video {
position: fixed;
left: 0px;
top: 0px;
z-index: -100;
min-height: 100%;
min-width: 1040px;
width: 100%;
height: auto;
/*overflow: hidden;*/

}

.maintext {
color: #CCC;
z-index: 100;
font-size: 24px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-variant: small-caps;
font-weight: normal;

}

.rightcolumn {
    float: left;
width: 50%;

}

.leftcolumn {
float: left;
width: 40%;
margin-left: 10%;

}

バックグラウンドで再生されているビデオの上に左右の列を表示したい。HTMLコードで全画面ループにビデオがあります。

全体として、私は理想的にはこのようなものが欲しいでしょう

http://www.joe-san.com/

4

2 に答える 2

1

z-index は、相対位置または絶対位置の要素にある必要があります:

.maintext {
position: relative;
color: #CCC;
z-index: 100;
font-size: 24px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-variant: small-caps;
font-weight: normal;
}
于 2013-08-14T21:16:28.210 に答える