html - 如何让内容不离开(轮播BS4)?

标签 html twitter-bootstrap css carousel

我想制作一个 slider ,上面会有一个表单或任何其他文本。 但是,当以 + 50-75% 的比例缩放以及内容较大时,此内容会超出范围。 Image

jsfiddle.net/sL70r2an/

最佳答案

position absolute 更改为 fixed for .overlay-startpage

.overlay-startpage {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

http://jsfiddle.net/mn4y8exu/

关于html - 如何让内容不离开(轮播BS4)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55142365/

相关文章:

javascript - AngularJS - 如何维护表的已检查票证 ID

javascript - jQuery 使用 HTML textarea 检查多个字符串

html - 具有可变高度的CSS div绝对位置以扩展容器

html - 在 Twitter Bootstrap 中偏移 div 元素的垂直位置

html - 设置高度的构建网格

html - 如何在 IE7 中用 "display:inline-block"覆盖 "display: block"?

javascript - 如何从其他网址自动重定向?

javascript - 为多个项目的每个第一个 child 替换文本

javascript - 无法更改 Bootstrap 中表格列的宽度

html - css分层定位