Question

我有一个我正在处理的网站：http://thephelpsorganization.com/

在Wordpress上运行并使用标准的二十七个模板。我似乎无法弄清楚如何使渐变跨越整个页面而不滚动所以一切都居中。我有其他一切定位，因为我想要它。

Answer 1

将此添加到您的CSS

html,
body,
#page {
  height: 100%;
  width: 100%;
}

您可以这样做以垂直和水平对齐所有屏幕尺寸的标题。

.site-header {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  padding-top: 0;
}

没有滚动+整页渐变（Wordpress模板）

1 个答案: