<style type="text/css">
.thumbnail{
положение: относительное;
z-индекс: 0;
}
.thumbnail:hover{
цвет фона: прозрачный;
z-индекс: 50;
}
.thumbnailspan{ /*CSS для увеличенного изображения*/
позиция: абсолютная;
цвет фона: светло-желтый;
отступ: 5 пикселей;
слева: -1000 пикселей;
граница: пунктирная серая толщиной 1 пиксель;
видимость: скрыта;
цвет: черный;
текстовое оформление: нет;
}
.thumbnailspan img{ /*CSS для увеличенного изображения*/
ширина границы: 0;
отступ: 2 пикселя;
}
.thumbnail:hover span{ /*CSS для увеличения изображения при наведении*/
видимость: видимая;
верх: 0;
слева: 60 пикселей; /*позиция, в которой увеличенное изображение должно смещаться по горизонтали */
}
</style>
<a class="thumbnail" href="#thumb"><img src=" " /><br />Просто красиво.</span></a>
<a class="thumbnail" href="#thumb" ><img src=" " /><br />Настолько реально, что нереально. Или нет?</span></a>