3

我实际上是在尝试将 Angular 用于个人网站。

当我使用一个简单的页面（没有 ng-view）时，我的背景图像就像一个魅力。但是当我尝试使用 ng-view 渲染模板时，我的背景图像大小完全错误。

这是我的 CSS ：

#wrap {
    background-color: #303030;
    background-image: url(../img/bg1.jpg);
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

我认为这可能来自 Angular 预渲染我的模板，但我不知道如何解决它......

我已经尝试使用指令并在我的视图中使用 ng-style 调用它，但它不起作用......

我希望有人以前已经遇到过这个问题并且可以帮助我=）

4

1 回答 1

0

好的，我找到了解决方案！

我正在使用带有 div 的 ng-view：<div ng-view></div>所以当我使用我的所有模板时，html 都在这个 div 中呈现。

我只是在这个 div 中明确地将我的高度设置为 100% ：<div ng-view style="height:100%"></div>现在它可以工作了。

真的不知道这是一个错误还是缺乏 HTML 经验。

于 2013-04-11T07:49:31.830 回答