Allineamento verticale (per IE!)

Question

HTML:

<div class="product">
  <a href="#" class="thumb"><img src="img/thumb_md.png" alt="" /></a>
</div>

CSS:

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

.. grandi opere nel browser moderno, ad eccezione, naturalmente, IE!

C'è qualche soluzione? L'altra soluzione ho provato era position: absolute; bottom: 0; ma interferisce con la discesa sopra dove z-index non sembra avere alcun effetto.

Grazie!

Answer 1

Sì, utilizzare al posto relativo + posizionamento assoluto. Il barebone di che è:

a.thumb { display: block; position: relative; height: 130px; }
a.thumb img { display: block; position: absolute; bottom: 0; }

Posizionamento assoluto Posizionamento relativo All'interno .