2016-08-21 97 views

回答

0

OK,你必须把文本的位置是绝对的,是这样的:

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

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

这里有一个快速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; 
}