javascript - 无法在部分中垂直居中内容(更新)

Question

我昨天确实发布了这个问题，但我认为我没有包含足够的信息，所以根据之前的评论重写了它 - 抱歉(我是新来的)所以感谢您提供的任何帮助。在修复此问题之前，该网站无法真正使用，因此我非常希望对其进行排序!

(我在这个网站上与开发人员合作，因为我的技能有点欠缺。) 我们的网站使用的是版 block 而不是页面。每个部分都应该与用户屏幕对齐，然后每个部分的内容应该位于该部分的中心。我们遇到的问题是，目前每个部分的内容都在水平中心，而不是垂直中心，而是更接近 top。 .显然，这需要根据用户的分辨率是动态的。该站点是使用 HTML5、Javascript 和 CSS 组合构建的；这是当前的结构:

<section id="about1" class="panel overview " data-section-name="about">    
  <div class="aboutsectionbackground"> .................. </div> 
</section>

我们已经尝试了特色代码 here如前所述，但内容更靠近底部，如果我们尝试减少“顶部”属性，那么它不会在所有分辨率下垂直位于中间。你能建议解决这个问题的方法吗？

.aboutsectionbackground {
  position: relative !important;
  top: 50%;
  transform: translateY(-50%) !important;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

正如我所说，非常感谢任何帮助，谢谢 :)

Answer 1

尝试绝对位置，它会根据祖先元素的位置来修复它。