Platziere ein div über einem anderen div
Ich habe zwei Divs in einem anderen Div ( #video-wrapper ).
html:
%Vor%css:
%Vor%Jetzt sieht es so aus:
Was ich erreichen möchte, ist das #video-description auszublenden und es über dem #video-thumbnail anzuzeigen, wenn auf .video-info geklickt wird. Wie erreiche ich das? Ihre Hilfe und Beratung wird sehr geschätzt. Danke.
update
So möchte ich aussehen, bevor ich auf die Info klicke:
Und wenn es so geklickt hat:
** Aktualisierung **
Wenn position:absolute angewendet wird, verkleinert sich die .video-description Breite, wenn weniger Alphabete vorhanden sind:
3 Antworten
Sie können dies mit einigen einfachen jQuery erreichen.
Ich habe zwei Beispiele für Sie erstellt:
DEMO 1
DEMO 2
Wo verwende ich die folgende jQuery:
%Vor%In beiden Demos finden Sie alle notwendigen HTML, CSS und jQuery. Wenn Sie den Code sorgfältig studieren, sollten Sie in der Lage sein, die Effekte selbst zu replizieren. Vergiss nicht Fügen Sie jQuery in Ihr Dokument ein.