0

特定の位置で画像の上に配置することを想定しているコンテナー用に、次の CSS があります。

.jumbotron .container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top:75px;
}

.jumbotron .caption{
    position: static;
    max-width: 750px;
    padding: 10px;
    margin-bottom: 200px;
    background: rgba(51, 51, 51, 0.65) !important;
    margin-top: 50px;
}

これにより、サンプル サイトに次のものが作成されます:サンプル開発サイト

あなたが見ているのは、不透明な四角形が上にある巨大なジャンボトロンの画像です。画面のサイズを小さくして、メニューがモバイル フレンドリーになるようにします。すべてが比較的きれいに見えます。メニューを開きます。

不透明な正方形は画像とともに下に移動せず、1 つの位置にとどまります。画像とともに移動し、元の位置を保持するにはどうすればよいですか?

4

1 に答える 1

0

position:relativeその特定のジャンボトロンに追加します。

于 2013-03-14T17:57:41.457 に答える