Сделайте одно div float над другим

У меня есть два элемента div на странице. Как я могу сделать один div, чтобы плавать над другим, как всплывающее окно?

Ответ 1

Используйте position:absolute; и установите "всплывающее окно", которое будет размещено в пределах границ другого. "Всплывающее" div должно также быть меньше.

Используйте z-index для складывания "всплывающего окна" над другим (дайте ему более высокое значение для z-index).

Если вы хотите сделать так, чтобы внутренний div действительно плавал над другим, создайте тень с чем-то вроде border-right:2px solid black и border-bottom:2px solid black.

Если вы хотите, чтобы он фактически отображался/отображался/исчезал, вам нужно будет использовать несколько script.

Ответ 2

Я считаю, что установка position на fixed приведет к тому, что он останется видимым, даже если пользователь прокручивается. Вы можете установить позицию, используя атрибуты "сверху", "слева" и "справа". CSS, который я использую для логотипа "бета", который в основном делает то, что вы просите, таков:

.fixed{
    position:fixed;
    top:0px;
    right:0px;
    width:100px;
}

Ответ 3

Затем используйте свойство z-index для css следующим образом:

div1 {
  z-index:1000;
}

 div2 {
 z-index:1001;
}

Самый высокий элемент z-index будет отображаться вверху.