ようやく解決しました。
JavaScriptなどで要素に上書きというか、さらに重なりがあるように見えたのです。
でも、実は、本当のBodyの背景色の黒が表示されていました。
ヘッダーの下のスライドショーに、margin-topが設定されていました。
これをコメントにしたら、無事にグラデーション出来ました。
.slideshow--large {
min-height: 100vh !important;
/*margin-top: 112px;*/
height: auto !important;
}