Ich habe eine Google Map in einem iframe und in ein div eingepackt. Über diesem Div habe ich noch einen, der dazu dient, einen zurückgesetzten Schatteneffekt zu erzeugen.
Das Problem ist, dass dieses überlagerte div Priorität vor Mausereignissen hat, so dass es die interaktive Google Map unten nutzlos macht. Es muss einen Weg geben, wie ich das überlagerte div dazu bringen kann, Mausereignisse zu ignorieren, indem ich das div darunter lasse. (Bitte, bitte!)
Oder gibt es einen anderen Weg, es zu tun?
Hier wird der Code ausgegeben:
%Vor%Hier ist das relevante CSS:
%Vor%Und hier ist der Effekt, den ich erreichen möchte: (der Schatteneffekt oben) div-Overlay http: // gebacken- beans.tv/bb/wp-content/uploads/site-dev/google-map-inner-shadow-div-overlay.jpg
Machen Sie das #pageShadow div nur so groß wie den Schatten.
Wenn ich das Mock-Up-Bild richtig verstanden habe, ist der Effekt, den Sie erreichen möchten, dass der Schatten nur den oberen Teil der Karte abdecken soll.
In deinem Code dehnst du das Schatten-Div auf der ganzen Karte:
#pageShadow { .. min-height: 462px; min-width: 1096px; }
Warum nicht die Werte so verringern, dass sie nur den oberen Teil abdecken:
#pageShadow { .. height: 20px; min-width: 1096px; }
Dann haben Sie einen Zeigerzugriff auf den iframe.
Tags und Links html css google-maps mouseevent overlay
