У меня есть кнопочный регистр, как на изображении ниже. Это исправлено, и когда пользователь прокручивает страницу, кнопка не перемещается. 
Но теперь я добавил всплывающее окно при загрузке страницы. нравиться:
<div class = "modal fade" id = "myModal" tabindex = "-1" role = "dialog" aria-labelledby = "myModalLabel" aria-hidden = "true">
<div class = "modal-dialog">
<div class = "modal-content">
<div>
<button type = "button" class = "close" style = "color:#FFFFFF;" data-dismiss = "modal" aria-hidden = "true">× </button>
</div>
<div class = "container content-box">
<div style = "padding-top:20px;" class = "col-sm-6">
<h3 class = "rv1">Fed up with Staff Nurse Entrance Exam?</h3 ><h1 class = "rv2">Download <span style = "color:#ce3328">Nurses Pulse</span> & Prepare for the exam.</h1>
<p class = "rv3">NursesPulse is a mobile application for those who are preparing for the staff nurse entrance exam for abroad.
With NursesPulse you will get the notification of vacancies,apply for the exams and practice for the exams.</p>
<a style = "background-color:#00b02f;margin-bottom:20px;" class = "btn btn-success btn-lg rv4" href = "https://play.google.com/store/apps/details?id=com.bluroe.nursespulse"><i class = "fa fa-android" aria-hidden = "true"></i> Download Android Application</a>
</div>
<div class = "col-sm-6 text-center">
<img class = "image" src = "images/phone.png" />
</div>
</div>
<div class = "modal-footer">
<button type = "button" class = "btn btn-default" data-dismiss = "modal">Close</button>
</div>
</div>
</div>
</div>Теперь, когда страница прокручивается, когда кнопка достигает этого конкретного div, она скрывается за ним, а когда div заканчивается, она отображается снова. ниже мой всплывающий CSS
.popup
{
position: absolute;
top: 0px;
left:40%;
z-index: 1030;
}
.isAnswerStyle{
color: #090;
font-weight: bold;
}
#img-upoloader{
padding-bottom: 10px;
}
.bg{
background: url("images/bg.jpg") no-repeat center top fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.content-box {
display: table;
padding-top: 100px;
color: #FFF;
font-family: 'Raleway', sans-serif;
}
.content-box p{
color: #EEE;
}Как исправить эту ошибку?
Спасибо.
Как я могу это исправить
Проведите небольшое исследование сейчас. Не полагайтесь на кормление с ложки.
согласовано. z-index уже очень помогает.
отправьте вам коды html и css.
@AryanTwanju я разместил html
также опубликуйте код css
@AryanTwanju, я это опубликовал
ваш код html и css, похоже, не связан с изображением, которое вы показали
изображение, которое я показал, не во всплывающем окне. это моя домашняя страница. всплывающее окно появляется при загрузке страницы



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вы можете исправить это, добавив высокий уровень z-index в свою кнопку или контейнер кнопки:
.button {
z-index:50;
}
z-index контролирует глубину элемента на странице. Например, если два абсолютно позиционированных элемента в одном и том же месте на странице имеют разные значения z-index, то элемент с более высоким значением z-index появится поверх.
Просто убедитесь, что ваша кнопка имеет более высокий z-index, чем ваше всплывающее окно.
я уже сделал это так .sniper {position: fixed; верх: 0; ширина: 100%; z-индекс: 100; маржа сверху: 5 пикселей; }
@ZubairNazerOliyat какой z-индекс всплывающего окна? Пожалуйста, опубликуйте соответствующий CSS в вопросе
я разместил CSS сейчас
@ZubairNazerOliyat Хорошо, я понял. Как я уже сказал в своем ответе, сверху появится элемент с наивысшим z-индексом. Ваше всплывающее окно имеет z-index 1030. Либо измените его на меньше 100, либо измените z-index кнопки на более 1030
Должна быть проблема с
z-index