我想在背景图像之上申请.page-header .icon1
例如:http: //jsfiddle.net/fR5F6/
<table>
应该在橙色图像的顶部。
怎么做到呢?
<div class='page-header'>
<h3>Some Title...</h3>
<span class='icon1'> </span>
</div>
<table class='data' border='1' width='500'>
<tr>
<td> Field1 </td>
<td> Field2 </td>
<td> Field3 </td>
<td> Field4 </td>
</tr>
<tr>
<td> Cell1 </td>
<td> Cell2 </td>
<td> Cell3 </td>
<td> Cell4 </td>
</tr>
<tr>
<td> Cell1 </td>
<td> Cell2 </td>
<td> Cell3 </td>
<td> Cell4 </td>
</tr>
</table>
.page-header {
background-color:pink;
width: 1000px;
height: 196px;
color: white;
font-size: 16px;
margin: 0;
}
.page-header .icon1 {
background:url(http://www.nigeltomm.com/images/orange_square_nigel_tomm_m.jpg) no-repeat;
width:250px;
height:400px;
position:absolute;
margin-left:5px;
margin-top: 20px;
}
.data {
margin-top:20px;
}