Элемент над элементом внутри скроллируемого блока

Привет всем! У меня есть список ul, размеры его ограничены и он скроллируется.
Каждый элемент списка представляет собой li { div { img, img, canvas } }, где canvas — это thumb фотографии, а две img — это кнопочки, располагающиеся над canvas (они не обязательно должны быть img, можно и какой-нибудь div, конечно, или даже span). Проблема в том, что я их хочу разметить над канвасом, чтобы они появлялись над элементом при наведении на него мышкой. Единственный способ, который я нашёл, это сделать им position: absolute; Но при таком решении они не скроллируются вместе со списком!!!

Как ещё можно разместить один элемент над другим, чтобы они скроллировались вместе? Переделать canvas в background не пойдёт, потому что мне нужно в этот канвас рисовать выделенную область с другого, большого канваса. Так что нужно разместить кнопки именно поверх него.

6 Responses to Элемент над элементом внутри скроллируемого блокаПривет всем!

  1. AmtEkb:

    Конечно, промежуточный div внутри li избыточен, не помню уж, с какой стати я так сделал. Уберу.

  2. 2moSpb:

    position: relative родителю, не?

  3. 2moSpb:

    А вообще код покажи, что-то я из описания нихрена не понял

  4. AmtEkb:

    ой ты блин капец заработало 0_о

    Хм, я думал, что по умолчанию position ставится у всех relative. Вот я тупой.

    Спасибо! 🙂

  5. 2moSpb:

    по умолчанию static
    а вообще любое свойство можно гуглить вот так:»css position»

  6. AmtEkb:

    ага, уже нашёл, что static

    Капец, со сложными вещами разбираюсь, а на таких простых туплю 🙂

Добавить комментарий