div中以覆盖的方式显示两张大小不一样的图片!

做法:

大图片放到div中,小图片放到表格中!

示例:

.Head{ background-image:url(images/navli_span.gif);}(大的图片

<div class="Head" >
<table border="0" width="100%">
<tr>
<td><a href="" class="text">收藏本公司</a>&nbsp;&nbsp;|
<a href="" class="text">设为首页</a>&nbsp;&nbsp;|
<a href="" class="text">在线洽谈</a>&nbsp;&nbsp;|
</td>
<td align="right">
<img src="images/gold.jpg"/>
</td>
<td align="right" width="30%" style="background-image:url(images/dig04.gif); background-repeat:no-repeat; background-position:240px;">(小的图片
<b>工商认证会员&nbsp;诚信积分:36分</b>

<img src="images/year.gif"/>

</td>
</tr>
</table>
</div>

 

你可能感兴趣的:(table,url,Class,div,border)