Angular 4全圖像背景

我是新來的角框架和TypeScript，當我創建一個簡單的頁面時遇到了這個問題。Angular 4全圖像背景

我想爲頁面提供完整的圖像背景，但背景圖片只會出現在HTML標籤的子元素（參見圖片）後面。所以經過很多嘗試和失敗後，我試圖做同樣的事情，而是在一個在線HTML，CSS編輯器（請參閱片段）。這位編輯給出了預期的和想要的結果？我是否錯過了html上方的DOM元素，或者角度4框架是否添加了另一個根？

Current situation

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; 
 
}

<html> 
 
    <body> 
 
     <div> 
 
      <h1>Title</h1> 
 
      <h3>Subtitle</h3> 
 
     </div> 
 
    </body> 
 
</html>

來源

2017-10-13 Kerim Çevik

嘗試使主父div的高度爲100％，它需要一些容器要呈現的圖像！或者設置html或body的高度和寬度100％ – JayDeeEss

你可以添加一個類周邊您的應用程序進入股利。

的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>

來源

2017-10-13 13:27:55

非常感謝你，我編輯了index.html文件，它是所有文件的父文件。現在我可以放一個完整的圖像背景。 –

Angular 4全圖像背景

回答

相關問題