Javascript 无法在角视图中设置特定视图的样式

我很难弄清楚如何使我的一个视图以角度显示在特定背景下。我发现，通过下面的代码，我试图设计的整个视图都消失了

所有相关代码如下：

HTML（index.HTML）：

我尝试将主体类移动到ng开关中，移动到ng开关本身中，等等。我甚至尝试使用ng样式设置内嵌CSS，但我无法将高度设置为100%，无论我如何格式化它。我唯一一次能够如愿显示背景是在index.html中将ng视图外部的包装器div设置为main body。但是，我真的不希望我正在创建的背景显示在所有视图中——只显示一个视图

---

我有一种感觉，这可能是一个CSS相关的问题，而不是一个角度的问题。如果有人能给我指出正确的方向，我将不胜感激！谢谢大家!

通过将高度从100%改为100vh，解决了这个问题

<div class="col-md-8 col-md-offset-2">
  <div ng-view></div>
</div>

<div class="main-body">
  <div ng-switch="xxCtrl.xxx">
  </div>
</div>

body {
    margin-top: 50px;
    background: url('../img/main-bg.jpeg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    text-align: center;
    font-size: 16px;
    height:100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

.main-body {
    background-color: rgba(16, 16, 16, 0.6);
    height: 100%;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow: scroll; overflow-x:hidden;
    z-index: -1000000;
}