Css 垂直对齐(适用于IE!)

Css 垂直对齐(适用于IE!),css,z-index,vertical-alignment,css-tables,Css,Z Index,Vertical Alignment,Css Tables,HTML: …在现代浏览器中非常有效,当然,IE除外 有什么解决办法吗?我尝试的另一个解决方案是立场:绝对;底部:0;但它会干扰上面的下拉列表,在这里z-index似乎没有任何效果 谢谢 是,改用相对+绝对定位。其中最基本的是: .product .thumb { position: relative; display: table-cell; vertical-align: bottom; height: 130px; } 看。已经试过了,但就像我说的,

HTML:

…在现代浏览器中非常有效,当然,IE除外

有什么解决办法吗?我尝试的另一个解决方案是立场:绝对;底部:0;但它会干扰上面的下拉列表,在这里z-index似乎没有任何效果


谢谢

是,改用相对+绝对定位。其中最基本的是:

.product .thumb {           
  position: relative;
  display: table-cell;
  vertical-align: bottom;
  height: 130px;
}

看。

已经试过了,但就像我说的,我不想使用position:absolute;底部:0;因为它会干扰上面的下拉列表,而z索引似乎没有任何效果。下拉列表隐藏在这些图像下面。因为只有IE8(作为IE8运行,不在兼容模式下)是唯一支持显示的IE版本:表格单元格。如果z-index是一个问题,那么显式地设置它。
.product .thumb {           
  position: relative;
  display: table-cell;
  vertical-align: bottom;
  height: 130px;
}
a.thumb { display: block; position: relative; height: 130px; }
a.thumb img { display: block; position: absolute; bottom: 0; }