이미지 슬라이더 위에 텍스트를 놓으시겠습니까?

Question

내 웹 사이트에서 일부 CSS 작업과 관련하여 빠른 질문이 있습니다. 내 페이지 슬라이더 (www.ininkk.com) 상단에 일부 텍스트를 올려 놓는 데 도움이 필요합니다 (예 : http://www.instacool.com.au/white-ink-printing/ : "흰색 잉크 인쇄"라고 함). 어떤 도움이라도 대단히 감사하겠습니다. 고맙습니다!

Answer 1

확인 당신이 절대에 텍스트 위치를 넣어 같은 것을 가지고

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