|
|||
Probleme mit Modalem Popup
Hoi,
ich hätte da mal ein kleines Probelm. Und zwar hab ich mit HTML und CSS ein Modales Popup geschrieben (da ich auf ne klassische Lightbox verzichten wollte), welche auch einwandfrei funktioniert. Wenn ich in diesem Popup allerdings ein weiteres öffne (welches von einem Javascript generiert wird), dann erscheint dieses im Hintergrund HINTER dem Popup und kann nicht verwendet werden. Hier der Code den ich verwende: HTML-Code:
<div id="details" class="modalDialog"> <input type="hidden" name="ItemID" id="itemID" runat="server" /> <div> <a href="#close" title="Schließen" class="close">X</a> </div> </div> Code:
.modalDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity: 0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog:target { opacity: 1; pointer-events: auto; } .modalDialog > div { width: 800px; position: relative; margin: 10% auto; margin-top: 6em; padding: 13px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #fff); background: -webkit-linear-gradient(#fff, #fff); background: -o-linear-gradient(#fff, #fff); } .close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background: #AABFD6; } Danke schon mal im Vorraus. Lg Maliko |
Sponsored Links |
|
|||
Code:
z-index: 99999;
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
|||
Zitat:
@Jörg: Scheinbar eben nicht. Es handelte sich dabei um genau zu sein um einen DatePicker welcher sich beim Klick in eine bestimmte Textbox geöffnet hat. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Popup "überraschung" | Brian | Javascript & Ajax | 0 | 18.05.2011 00:17 |
Popup | Rico | Javascript & Ajax | 18 | 28.09.2010 19:01 |
Prüfen, ob Popup noch existiert | xm22 | Javascript & Ajax | 1 | 28.06.2010 18:41 |
PopUp und Auto-Resize-Grösse | letslounge | Javascript & Ajax | 8 | 04.07.2007 13:00 |
Code validieren - Probleme mit PopUp und Banner | MoJo | (X)HTML | 4 | 28.10.2006 16:22 |