css在不改变背景图的高度的情况下，让被遮挡的部分显示出来？-灵析社区

  .video-wrapper.video-5 { height: 633px; display: flex; align-items: center; } .video-wrapper.video-4 { position: relative; overflow: hidden; } .video-wrapper .font-weight-bold { font-size: 45px !important; font-weight: 900; margin-bottom: 15px; } .book-appointment { padding-bottom: 80px; margin-top: -150px; overflow: visible; } .tj-inner { position: relative; padding: 55px 55px 10px 55px; background-image: url('../img/home/bg-shape.png'); background-repeat: no-repeat; background-size: cover; background-position: 0 0; } .heading-appointment { margin-bottom: 50px; } .heading-appointment h5 { color: #ea1826; } .heading-appointment h2 { margin-bottom: 20px; } .heading-appointment p { color: #fff; max-width: 500px; width: 100%; } .book-appointment .progress_bar { max-width: 510px; margin-top: 40px; margin-bottom: 25px; } .popular-causes__progress { margin-bottom: 20px; } .popular-causes__progress .popular-causes__goals p { color: #111; font-weight: 900; margin-bottom: 0; } .popular-causes__progress .bar { position: relative; width: 100%; height: 7px; background: #d9d9d9; border-radius: 3px; margin-bottom: 15px; } .popular-causes__progress .bar-inner { position: relative; display: block; width: 0; height: 7px; margin: 10px 0; border-radius: 3px; background: #ea1826; } .heading-appointment .action-call { position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; } .heading-appointment .action-call .icon { width: 45px; height: 45px; border-radius: 400px; background-color: #fff; display: flex; position: relative; overflow: hidden; justify-content: center; overflow: hidden; align-items: center; color: #ea1826; border: 1px solid #fff; transition: all .4s ease-in; } .heading-appointment .action-call .icon i { font-size: 18px; line-height: 0; } .heading-appointment .action-call:hover .icon { border: 1px solid #ea1826; background: #ea1826; color: #fff; } .heading-appointment .action-call .content h6 { text-align: start; font-weight: 900; color: #fff; margin-bottom: 0; } .heading-appointment .action-call .content span { font-style: normal; text-align: start; font-weight:900; font-size: 16px; line-height: 26px; color: #fff; } .tj__frome__widget { background: #fff; box-shadow: 0 0 45px 0 #0000001a; margin-bottom: -110px; } .tj__frome__head { padding: 20px 20px 50px 20px; background-color: #ea1826; clip-path: polygon(200% 0,100% 60%,50% 100%,0 60%,0 0); text-align: center; } .tj__frome__head .tj__frome_sub-title { font-size: 22px; color: #fff; margin-bottom: 0; } .tj__frome__body { padding: 35px 40px 50px 40px; } .tj__frome__body .form-group { position: relative; } .tj__frome__body .form-group { margin-bottom: 20px; } .tj__frome__body input { height: 55px; border-radius: 0; font-size: 14px; } .tj__frome__body textarea { font-size: 14px; border-radius: 0; } .form-control { border-radius: 2px; } .tj__frome__body i { padding: 20px 20px; position: absolute; top: 0; right: 0; color: #bbb; } .tj__frome__body .form-group.tj_form__submit { width: 100%; margin-top: 10px; margin-bottom: 0; } .tj__frome__body button { width: 100%; padding: 12px; border: 0; background-color: #ea1826; color: #fff; font-style: normal; font-weight: 900; font-size: 18px; border-radius: 2px; line-height: 28px; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; } .tj__frome__body .form-control:focus { border-color: #ea1826; outline: 0; box-shadow: none; } 提供全面的服务和 &先进的设备 预约预定 用我们的专业获取您的需求解决方案 欢迎，在这里，你可以找到一些最常见的问题，收到关于我们服务的最佳答案 服务关系 80% 联系电话+41 44 281 9558 期待你的留言 请输入姓名 请输入邮箱 请输入手机号 预约