Как сделать так, чтобы два div перекрывались, не зная об отпущении грехов

Question

Мне нужно два элемента div, чтобы они выглядели примерно так:

    |               |
 ---|    DIV I      |------------------------
|   |_______________|                       |
|             DIV II                        |

Это простая задача, если я знаю абсолютную позицию, но мои div можно перетаскивать с помощью JQuery .draggable (), поэтому позиция неизвестна.

Как я могу выполнить эту задачу?

Answer 1

Если вы расположите div I относительно div II, вы можете нарисовать его "за пределами" div II, используя отрицательное поле. Например:

.divi {
    width: 200px;
    height: 70px;
    margin-top: -40px;
    margin-left: 30px;
}

Если, однако, divi также можно перетащить, у вас могут возникнуть проблемы с выполнением этой работы с использованием чистого CSS.

Answer 2

Если вам нужно, чтобы ваш логотип находился выше содержимого div, но оба div можно переместить в любое время, или один из них, вы пытались использовать логотип divs z-index как нечто действительно высокое, например z-index: 9999;чтобы он всегда отображался над содержимым div (конечно, если я правильно понимаю вопрос).