日期:2014-05-17  浏览次数:20540 次

【ie6的css不兼容问题】我不会帮忙给个代码,好用马上给分!谢谢了!!!
如下代码让图片以100*100的分辨率进行显示,在IE8和CHROME中都非常好用,完美
但是在IE6下面显示的图片很小,完全变了样子,挤在一起了,不会了,求大家!
<style type="text/css">
div#wrap {
  display:table;
  width:100px;
  height:100px;
  _position:relative;
  overflow:hidden;
 }
 div#subwrap {
  vertical-align:middle;
  display:table-cell;
  _position:absolute;
  _top:50%;
 }
 div#content { 
  _position:relative;
  _top:-50%;
 }
  </style>
-----------------------------
<div id="wrap"><div id="subwrap"><div id="content">
<IMG class=picCore alt="Ceramic Structured Packings" src="images/10205.jpg" width='100px' style='vertical-align:top:50%' border=0> 
</div></div></div></A>
------解决方案--------------------
该回复于2011-03-25 11:21:15被版主删除
------解决方案--------------------
因为css 的兼容性问题

你把css里面 img 的属性重置 或者改变部分数值 再看
------解决方案--------------------
<style type="text/css">
div#wrap {
  display:table;
  width:100px;
  height:100px;
  _position:relative;
  overflow:hidden;
 }
 div#subwrap {
  vertical-align:middle;
  display:table-cell;
  _position:absolute;
  _top:50%;
 }
 div#content { 
  _position:relative;
  _top:-50%;
 }
  </style>
<div id="wrap"><div id="subwrap"><div id="content">
<IMG class=picCore alt="Ceramic Structured Packings" src="http://avatar.profile.csdn.net/6/6/9/2_wipe_tear.jpg" width='100px' style='vertical-align:top:50%' border=0> 
</div></div></div></A>
我IE6+试过了没有问题啊,还是100x100的