AngularJSで画像にテキストが表示されない？

Question

.relative{ 
    position:relative; 
    width:600px; 
} 
.absolute-text{ 
    position:absolute; 
    bottom:0; 
    font-size:24px; 
    font-family:"vedana"; 
    background:rgba(251,251,251,0.5); 
    padding:10px 20px; 
    width:100%; 
    text-align:center; 
} 
.absolute-text a{ 
    font-size:16px; 
    color:#b92b27; 
} 

バックエンドから来る画像に映画名と映画スターの名前を書きたいと思いますが、これはできません。

​​

Answer 1

私が気づいたいくつかのタイプミスがありました。まず、relativeクラスには期間が必要です。第二に、あなたがイメージソースに、あまりにも多く、中括弧を持って

.relative{ 
    position:relative; 
    width:600px; 
} 

：

<div class="relative"> 
     <img src="{{movie.Poster}}" alt=""> 
     <p class="absolute-text">{{movie.Title}} </p> 
</div> 

は、これらが犯人（複数可）ではないと仮定すると、あなたはそれが表示されていますかどうかを確認するためにabsolute-text要素を視察してきましたDOMの中で？それは、DOMに表示されていますが、例えば、それを0より大きいだのz-indexプロパティを与えて試すことができますページにそれを見ることができない場合は、次の

.absolute-text{ 
    position:absolute; 
    bottom:0; 
    font-size:24px; 
    font-family:"vedana"; 
    background:rgba(251,251,251,0.5); 
    padding:10px 20px; 
    width:100%; 
    text-align:center; 
    z-index: 10; 
} 

は最後に、あなたのmovie.Titleが正しくスコープのでしょうか？あなたのコントローラのどこかにある$scope.movie.Title =のようなものがありますか？