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)
您可以在应用程序条目周围的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)