Как сделать так, чтобы модальное окно jQuery отображалось «сверху» элементов страницы?

Question

В настоящее время я занимаюсь разработкой небольшого модального всплывающего окна jQuery.Я использую функцию toggleSlide(), которая работает хорошо.Однако всякий раз, когда я вызываю это окно, оно выталкивает весь другой контент.

Я пытался использовать position: relative; и display: inline; для свойств CSS, но ни один из них не работал.

Хотелось бы получить представление от любого, кто может помочь.Вы можете посмотреть код в реальном времени на моем демо-сайте здесь: [УДАЛЕНО] Извините, но это демо было отключено!

Answer 1

Вам нужно добавить position:relative к .containmsg, а затем установить для вашего модального окна значение position:absolute, немного подгоняя цифры, чтобы выровнять его идеально.

.containmsg {
    display: block;
    float: right;
    margin-left: 50px;
    position: relative; /* add this */
}

.containmsg .mainComposeD {
    left: -33px;
    position: absolute; /* add this */
    top: 22px; /* add this */
}