У меня нижеприведенное диалоговое окно кода открыто, но я не могу правильно видеть модальные. Я бы применил z-index к коробке, но это не влияет. Пожалуйста, смотрите прикрепленный скриншот, вы получите лучшее представление о моей проблеме. Пожалуйста, помогите Спасибо.
$(document).ready(function(){
$( "#new_attachment_div" ).dialog({ autoOpen: false });
$("#register").click(function(){
$( "#new_attachment_div" ).dialog({
autoOpen: true,
draggable: false,
resizable: false,
position: 'center',
height: 'auto',
width: '60%',
modal: true,
title: "New Attachment Type",
position: {
my: "center",
at: "center",
of: window
}
});
});
});<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<div id="new_attachment_div">
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
</div>
2 ответа
Когда вы говорите, что пытались z-index, я должен спросить, насколько высоко число вы использовали. Вы должны использовать инспектор браузера, чтобы определить z-index этих социальных кнопок или их родителей, и дать модалу нечто большее, чем это.
Другой возможной причиной может быть то, что ваш модальный HTML находится не в корне тега <body>, как ваш пример кода, и в этом случае вам, вероятно, придется либо переместить его.
Попробуйте добавить position: relative в ваше диалоговое окно. Вам нужно установить атрибут position, чтобы z-index вступил в силу.