Ich versuche, die "Ausblendungs" -Schicht von twitter am unteren Rand des Feed-Widgets zu replizieren (auf ihrer Hauptseite auf twitter.com).
Der einzige Weg, auf den ich verzichten konnte, war die Verwendung von html5. Stelle einen absolut positionierten div über das feed div und gebe ihm ein alpha channeled png mit einem weiß-transparenten Gradienten darüber. Das war einfach zu erreichen.
Das einzige Problem ist jetzt, dass die Divs, die unter den transparenten Layern erscheinen, nicht anklickbar sind. Irgendeine Idee, wie man die Divs klickbar macht? Vielleicht haben Sie eine andere Methode, um diesen Effekt vollständig zu replizieren?
Danke!
Dieser Artikel beschreibt eine Methode zum Erfassen des onclick -Ereignisses und zum Behandeln, indem Sie das Overlay vorübergehend ausblenden, den Klick erneut aktivieren und dann erneut einblenden. Das Verstecken sollte für den Endbenutzer nicht sichtbar sein.
Weiterleiten von Mausereignissen über Ebenen :
- Das Textfeld (mein Maskierungselement), das ist über dem Gitter positioniert Mauszeiger, Mauszeiger, Mauszeiger, MouseUp und andere Ereignisse.
- Die Spitze Maskierungsschicht ist für einen Moment versteckt, damit wir herausfinden können, welches Element es ist unter der Maske am Veranstaltungsort.
- Das Ereignis wird erneut ausgelöst - hier ist es das W3 DOM Event-Modell und das einfachere Microsoft Äquivalent kommt ins Spiel.
- Starten Sie den Vorgang erneut - bereit für das nächste Ereignis.
EDIT: Ich denke, was Twitter macht, ist eigentlich viel einfacher. Es gibt eine CSS-Eigenschaft, die von SVG übernommen wurde, die eine Reihe von Browsern implementiert hat.
%Vor%Dies wird derzeit in Firefox 3.6+, Safari 4 und Google Chrome unterstützt. Wenn Sie also nur mit diesen Browsern arbeiten möchten, ist dies eine viel einfachere Option, mit dem zusätzlichen Vorteil, dass sie für Hover-Ereignisse funktioniert Klicken Sie nicht nur auf Ereignisse.
Tags und Links html css dom-events