3

私は実際に個人のWebサイトに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

わかりました、解決策を見つけました!

私は ng-view を div で使用しています。<div ng-view></div>そのため、すべてのテンプレート html を使用していたときに、この div 内でレンダリングされました。

この div で高さを明示的に 100% に設定しただけで<div ng-view style="height:100%"></div>、機能するようになりました。

それがバグなのか、HTML の経験が大幅に不足しているのかはよくわかりません。

于 2013-04-11T07:49:31.830 に答える