Mam ModalPopupExtender z AjaxControlToolkit, który działa poprawnie w Firefox, Chrome i IE8, ale kiedy uruchomię go w trybie zgodności IE8, pojawia się za zawartość mojej strony, a nie na górze.
popup jest w formancie użytkownika renderowanym przez stronę główną. To, co myślę, dzieje się, to jest pojawianie się przed treścią strony głównej, ponieważ zawartość strony głównej (mój nagłówek i paski boczne) jest wyszarzona, ale symbole zastępcze zawartości wyświetlają się przed moim wyskakującym okienkiem. Znalazłem w internecie, że sugerowane rozwiązanie zmieniając deklaracji DOCTYPE na stronie wzorcowej do:ModalPopupExtender nie wyświetla się przed wszystkim w trybie zgodności IE7/IE8
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Ale miałem już, że dokładna deklaracja i nadal mieć problem pozycjonowania. Oto kod popup:
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
TargetControlID="lnkbtnDealerID"
PopupControlID="pnlPopup"
BackgroundCssClass="modalBackground"
DropShadow="true"
OkControlID="OkButton"
CancelControlID="CancelButton"
OnOkScript=""
>
</cc1:ModalPopupExtender>
<asp:Panel ID="pnlPopup" runat="server" CssClass="modalPopup" Style="display: none" Width="233px">
<p>Are you sure? Your current shopping cart is valid only for the current Dealer ID. Switching Dealer IDs will reset your cart according to the new Dealer ID chosen.</p>
<br />
<div align="center">
<asp:Button ID="OkButton" runat="server" Text="Ok" />
<asp:Button ID="CancelButton" runat="server" Text="Cancel" />
</div>
</asp:Panel>
a odpowiednim CSS:
.popupControl {
background-color: white;
position:absolute;
visibility:hidden;
border-style:solid;
border-color: Black;
border-width: 2px;
}
.modalBackground {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
}
.modalPopup {
background-color:white;
border-width:1px;
border-style:solid;
border-color:Gray;
padding:3px;
width:250px;
}
miałem problem w IE8 z moich pop-upy nie pojawiały się przede wszystkim pojemników dominujących były zdefiniowane w. Niektóre elementy bez względu na z-index był zawsze będzie na wierzchu (trochę jak w IE6 z rozwijanej).W moim przypadku była to tylko ręka pełna kontroli, którą po prostu ukrywam, kiedy pojawia się wyskakujące okienko. Nie jestem pewien, o co mi chodzi, ale pomyślałem, że będę się podzielał – JoshBerke
To brzmi podobnie do tego, co mam, ale byłoby dziwnie, gdybym ukrywał zawartość mojej głównej strony, gdy robię popup. – fr0man