У меня есть страница aspx, которая содержит модальный интерфейс JQuery UI (modal = true) и список asp.net в таблице. Всякий раз, когда модальный вызывается, он всегда отображается за списком, а не сверху. Я попытался установить свойство z-Index для обоих объектов, но это, похоже, не имеет большого значения. Обратите внимание, что я попытался использовать как абсолютное, так и относительное позиционирование.
Это происходит только в IE6. IE 7 в порядке, но, к сожалению, мне нужно использовать браузер IE6.
Вот фрагмент строки из таблицы, содержащей ListBox:
<tr style="position: relative; z-index: 80;">
<td colspan="3" style="position: relative; z-index: 80;">
<asp:ListBox ID="lstSites" runat="server" Height="100px" Width="100%" SelectionMode="Multiple"
></asp:ListBox>
</td>
</tr>
Вот JQuery:
<script type="text/javascript">
$(function () {
$("#dialog:ui-dialog").dialog("destroy");
$("#helpModal").dialog({
autoOpen: false,
height: 250,
width: 350,
modal: true
});
$("#<%= imgHelpIcon.ClientID %>")
.click(function () {
$("#helpModal").dialog("open");
});
});
</script>
<%--Help modal s--%>
<div id="helpModal" class="" title="Help!!" style="z-index: 100;">
<div style="z-index: 300;">
<h4>
Help info.....
</h4>
</div>
</div>
Кто-нибудь может предложить что-нибудь?
спасибо