固定 div 位置 [英] Make a div position fixed
问题描述
我正在制作一个非常简单的应用程序,需要实现视差效果.
到目前为止我尝试过的东西,
-> 将图像放置在具有 parallax
类的 div 中.
-> 然后放置一个带有引导类 card item-card card-block
的覆盖 div,其中包含标题、图像和一些文本.
.parallax {宽度:100%;高度:250px;边界半径:0;}.item-card {弹性方向:列;box-sizing: 边框框;显示:弹性;地方内容:中心弹性开始;对齐项目:居中;边距:-24px 0 0;宽度:100%;填充:0;边框半径:18px;}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"><div class="container mt-2"><div class="视差"><img style="width: 100%" src="https://www.w3schools.com/howto/img_parallax.jpg"/>
<div class="card item-card card-block"><h1 class="card-title text-center">这里有一些大文本作为标题</h1><div class="card-body"><img style="width: 100%" src="https://static.pexels.com/photos/7357/startup-photos.jpg" alt="日落照片">
<h5 class="item-card-title mt-3 mb-3">Sierra Web Development • Owner</h5><p class="card-text">这是一家构建网站、网络应用程序和电子商务解决方案的公司.</p>