проблема с переполнением CSS: скрытое свойство

Question

У меня проблема с отображением всплывающего окна, которое отображается в HTML, а затем просто переключается, чтобы показать и скрыть его.Моя проблема в том, что это всплывающее окно находится в элементе div, у которого есть свойство overflow: hidden, и это означает, что некоторые фоновые изображения всплывающего окна пересекают ширину переполнения: скрытый div.это вызывает проблему с отображением, поскольку ширина всплывающего окна обрезается там, где он пересекает настройку переполнения.

Возможно ли обойти это?

большое спасибо !!!!!Джеймс

Answer 1

Если всплывающее окно появится в верхней части вашего сайта, прикрепите его после основной разметки непосредственно перед тегом. Затем используйте язык, чтобы он отображался там, где вам нужно, когда он появится.

Это должно быть довольно просто, если вы используете jQuery.

* 1005 Е.Г. *

<div id="main-website-with-overflow-hidden>
      <!-- Web page stuff -->
</div>

<div id="popop">
      <!-- Popup stuff -->
</div>

Answer 2

Дайте всплывающему элементу div более высокий z-индекс, чем тот, который содержится в

div#container{z-index:1;}
div#popup{z-index: 10;}

Answer 3

Если у вас все в порядке с полосами прокрутки, вы можете попробовать эту CSS на вашем контейнере div

.containerDiv {
    overflow: auto;
}

Если вы хотите только вертикальный / горизонтальный, вы можете попробовать

 .containerDiv {
        overflow-y: auto;
        overflow-x: auto;