tengo varias capas anidadas asi:
<div id='principal'>
<div id='izquierda'>
<div id='imagen' style='background-image:url('loquesea.png')'></div>
</div>
<div id='derecha'>
<div id='informacion'></div>
</div>
<div id='fondo' style='background-image:url('loquesea.png'); background-size:60px 60px;'>
</div>
De esta manera la imagen queda en el conetendor izquierdo ampliada, la informacion del producto en la derecha, y de fondo la misma imagen pero en miniaturas de 60px * 60px repetidas en mosaico eje x eje y.
Aqui un screenshot:
La opacidad la quiero en ese fondo, como ven no puedo usar imagenes png semitransparentes puesto que el fondo se construye a partir de la imagen del producto.... cabe resaltar que estoy mostrando esto en un dialog de jquery UI