Hallo.
Auf meiner Website möchte ich den Datepicker der jquery-UI einbinden. Leider wird die eingeblendete Ebene hinter anderen Elementen der Seite eingeblendet und ist daher nicht zugänglich.
Ein Bild sagt mehr als 1.000 Worte: http://img.skitch.com/20090503-nfpsaaws6j6hxj2nycphg…
Meines Erachtens handelt es sich um ein CSS-Problem, daher das Posting in diesem Forum. Auf der technischen Seite funktioniert das Javascript problemlos.
Meines Erachtens handelt es sich um ein CSS-Problem, daher das
Posting in diesem Forum. Auf der technischen Seite
funktioniert das Javascript problemlos.
Das denke ich auch: Verpasse deinem Datepicker einen ausreichenden Z-Index, aber übertreib nicht!
http://de.selfhtml.org/css/eigenschaften/positionier…
Tritt dein Problem nur im IE auf? Dann gibt es eine Lösung mit IFRAME-Elementen:
http://forum.de.selfhtml.org/archiv/2006/3/t126217/#…
Gruß Gernot
Prima, das war der entscheidende Hinweis. Danke, Gernot!
Die Lösung: In der jquery-ui-1.7.1.custom.css-Datei findet man folgende Zeilen:
/\* Component containers
----------------------------------\*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; z-index:1; }
Ersetze ich den z-index-Wert „1“ durch eine „3“, funktioniert alles wunderbar.