J'ai un ModalPopupExtender de l'AjaxControlToolkit qui fonctionne correctement dans Firefox, Chrome et IE8, mais quand je l'exécute en mode de compatibilité IE8, il apparaît derrière le contenu de ma page, plutôt que sur le dessus.
La fenêtre contextuelle est dans un contrôle utilisateur rendu par la page maître. Ce que je pense est en train de se passer devant le contenu de la page maîtresse, car le contenu de la Masterpage (mon en-tête et mes encadrés) est grisé, mais les espaces réservés du contenu sont affichés devant mon popup. J'ai trouvé une ligne de solution qui suggère de modifier votre déclaration DOCTYPE dans la page principale à:ModalPopupExtender ne rendra pas devant tout dans IE7/IE8 Mode de compatibilité
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Mais j'avais déjà cette déclaration exacte et toujours le problème de positionnement. Voici le code 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>
Et le CSS concerné:
.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;
}
J'ai eu un problème dans IE8 avec mes popups qui n'apparaissaient pas au-dessus de tous les conteneurs parent dans lesquels ils étaient définis. Certains éléments quel que soit l'index z seraient toujours en haut (comme dans IE6 avec le menu déroulant).Dans mon cas c'était seulement une main pleine de contrôles que je cache simplement quand le popup apparaît. Je ne suis pas sûr de ce que je veux dire, mais je pensais juste partager – JoshBerke
Cela semble similaire à ce que j'ai, mais il me semblerait étrange de cacher le contenu de ma page principale lorsque je fais le popup. – fr0man