IE6/IE7下position:absolute;绝对定位偏移、不显示问题

 

IE6/IE7下position:absolute;绝对定位偏移、不显示问题  

2012-05-23 01:25:35|  分类： 默认分类 |  标签：ie7绝对定位不显示  ie6绝对定位不显示  ie6position:absolute  ie6绝对定位偏移  html   |字号大中小 订阅

今天作项目，由于在一个模块里有几十张的图片显示，原想用table布局可能会比较方便，没想到出现的问题竟让我一成天痛不欲生。最后我痛下一决定，之后坚定不能用table来布局，哪怕只是一小块模块， table它是表格也只能是表格。
如今来讲一下定位问题，问题的原因原本是想再图片上加一表现层，用来介绍图片的基本信息，效果以下：

Firefox、IE8

如今咱们再来看看，IE6跟IE7这两辆老爷车的表现：

其实这个缘由是由于IE6/IE7的解析是在position:absolute以后,仍然会按照普通文档流的解析来进行，而要打破这种方式，让它正常工做就须要给它一个定位，具体代码以下：
方法一：

  CSS:

 

html代码：

 

切记 left:0px;必须两个都要写，少写一个都会形成不显示:

 

 

 方法二：

小结：