定製對象

Question

我有被在給定的位置假設到的圖像的頂端部位的容器下面的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; 
} 

其產生在例如網站執行以下操作：example development site

你在看什麼是巨大的jumbotron圖像，上面有一個不透明的正方形。調整屏幕大小以便菜單進入移動友好界面，一切都看起來相對較好，現在打開菜單。

不透明的方形不會隨着圖像向下移動，而是停留在一個位置。如何讓它隨圖像移動並保持其原始位置？

Answer 1

將position:relative添加到該特定的jumbotron中。