イメージスライダにテキストを配置しますか？

Question

私は自分のウェブサイト上でいくつかのCSSの作業について簡単に質問しています。私は画像のスライダ（www.ininkk.com）の上にページのバナー（ここでは「白インク印刷」と表示されています）の外観と同じようにテキストを置くことに助けが必要です。どんな助けでも大歓迎です。ありがとうございました！

Answer 1

あなたは絶対にテキストの位置を配置する必要があります[OK]を、このような何か：

.image { 
position: relative; 
width: 100%; /* for IE 6 */ 
} 

h2 { 
position: absolute; 
top: 200px; 
left: 0; 
width: 100%; 
} 

Answer 2

は、ここではいくつかのスタイルを必要とする、迅速codepenですが、あなたが始める必要があります。

http://codepen.io/nilestanner/pen/LkoEZz

<div class="img-bg"> 
    <h2>some text</h2> 
</div> 

h2{ 
    padding:100px; 
} 

.img-bg{ 
    background:url('http://nilestanner.com/codepen/expanding-hover-tabs/vista-1.jpg'); 
    height:500px; 
} 

を