角4全图像背景

Ker*_*vik 2 html css dom angular

我是angular框架和TypeScript的新手,在创建一个简单页面时遇到了这个问题。

我想为页面提供完整的图像背景,但是背景图像只会出现在HTML标记的子元素(请参见图像)后面。因此,在经过多次尝试和失败之后,我尝试执行相同的操作,但改为在在线html,css编辑器中进行(请参见代码段)。这位编辑给出了预期和想要的结果???我是在html上方缺少DOM元素还是在angular 4框架中添加了另一个根???

现在的情况

html { 
    background: url(http://www.apicius.es/wp-content/uploads/2012/07/IMG-20120714-009211.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
Run Code Online (Sandbox Code Playgroud)
<html>
    <body>
        <div>
            <h1>Title</h1>
            <h3>Subtitle</h3>
        </div>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

Jak*_*tle 6

您可以在应用程序条目周围的div中添加一个类。

index.html

<style>
  .bg{
    width: 100%;
    height: 100%;
    background: url('your-url') no-repeat center;
    background-size: 100% 100%;
    background-position: top center;
  }
</style>
  ...
  <div class="bg">
    <app>
      Loading...
    </app>
  </div>
Run Code Online (Sandbox Code Playgroud)