浏览:200 2008-07-19 14:59 来自 【组长】JackLee      :
<div class="img-wrapper" >
  <img src="img.jpg"/>
</div>
------------------------------------------------------------------------------------
.img-wrapper {
  background-color:#aaa;
  margin:50px;
  float:left;
  position:relative; }
.img-wrapper img {
  margin:-5px 5px 5px -5px;
  border:1px solid #a9a9a9;
  background-color:#fff;
  padding:5px;
  position:relative;
  display:block;  }
------------------------------------------------------------------------------------
效果图:
收藏 楼主
  2个月前 【组长】 JackLee      :
在IE中不会显示图片上的Padding!!但是这个不会影响大体上的效果,不用去管它!!
1楼 回到顶楼 
  2个月前 【组长】 JackLee      :
.img-wrapper {
background-color:#aaa;
margin:50px;
float:left;
}
.img-wrapper img {
border:1px solid #a9a9a9;
background-color:#fff;
padding:5px;
position:relative;
left:-5px;
top:-5px; }
------------------------------------------------------
另一种实现方法!!!!
2楼 回到顶楼 
  2个月前 【组长】 JackLee      :
--------------------------------------------------------------
.img-wrapper {
background-color:#aaa;
position:relative;
height:208px;
width:158px;
}
.img-wrapper div {
border:1px solid #a9a9a9;
background-color:#fff;
width:158px;
height:208px;
position:absolute;
left:-5px;
top:-5px; }
.img-wrapper div img {
margin:4px;
}
--------------------------------------------------------------

这个方法可以解决在IE和FireFox显示不一样的问题,但是它需要在img标记外加入一个多余的div!!
3楼 回到顶楼 

注册用户登录后才能回复,登录注册
> 返回“郑州Net俱乐部”


其他话题

相关内容

相关链接

1 24811