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;
}

在示例站点上创建以下内容：示例开发站点

您所看到的是巨大的 jumbotron 图像，上面有一个不透明的正方形。调整屏幕大小，使菜单进入移动友好，一切看起来都比较好，现在打开菜单。

不透明的正方形不会随图像向下移动，它停留在一个位置。如何让它与图像一起移动并保持其原始位置？

4

1 回答 1

0

添加position:relative到那个特定的 jumbotron。

于 2013-03-14T17:57:41.457 回答