Position fest auf div-Element

Ich versuche, die Position fest auf die folgenden div zu geben. Aber wenn ich position: fixed zu css das Element einfach verschwindet. Irgendwelche Vorschläge werden appreaciated. Vielen Dank!Position fest auf div-Element

Victoria

Web und Code unter

http://vtwg.eu/ZMT/untitled3.html

<div id="book-now"> 
<a href="mailto:[email protected]?subject=Music_Tours"><img 
src="book_now.png" alt="" width="90"></img></a> 
</div> 


#book-now{ 

background-image: url("back_2.png"); 
background-repeat: repeat; 
text-align: right; 
padding-right: 60px; 
padding-top: 40px; 
}

Quelle

2017-04-26 Victoria G.

versuchen Sie bekommen es egal, an der gleichen Stelle befestigt werden, wo Sie bewegen oder haben Sie es direkt unter dem Schieber wollen? – Keith

hi, ich möchte, dass das Objekt direkt unter dem Schieberegler ist ... und dass Sie es weiterhin sehen, während Sie nach unten scrollen. beantworte ich deine Frage richtig? Wenn es eine einfachere Lösung gibt, bin ich offen für Vorschläge :) .danke !!!!!! –

willst du nur das gelbe Buchbild richtig fixieren? ohne diesen dunklen Hintergrund? dann würde ich vorschlagen, das Buch fondo zu entfernen und jetzt div zu buchen und nur den Link zu positionieren, der das Bild enthält. mit: Position: fixiert; oben: 250px (mehr oder weniger); rechts: 0; –

festen Elemente sind fixed im Browser. Sie haben zu definieren, wo Sie es wollen fixiert werden durch Werte davon top und right Eigenschaft

position:fixed; 
    top: 100px; 
    right: 100px;

Quelle

2017-04-26 20:39:59

@OlivierKrull bitte klären, was ist das Problem? .Sie wollen, dass es repariert wird. Es muss ** irgendwo ** repariert werden. Was ist das Endergebnis, das Sie wollen, können Sie klären? –

Kein Problem Mann, ich habe nur mit Ihrer Antwort einverstanden. (Ich habe die Frage nicht gestellt). –

@OlivierKrull ok Entschuldigung. Ich dachte, das war deine ursprüngliche Idee und du wolltest eine bessere Idee. –

geben Wenn ein Element Position fixiert ist, müssen Sie mit den Einstellungen für top oder bottom nicht nur seine Position definieren und left oder right (Standard ist die obere linke Ecke des Fensters), aber auch eine width und height - sonst wird es Null Breite und Höhe haben und daher unsichtbar bleiben.

hinaus: Es gibt es Positionseinstellungen für alle vier genannten Einstellungen (top, bottom, left und right), die Sie nicht benötigen Breite und Höhe, da die von diesen Positionen definiert sind.

ein Beispiel:

.x { 
 
    position: fixed; 
 
    top: 60px; 
 
    left: 100px; 
 
    width: 160px; 
 
    height: 120px; 
 
    background-image: url("http://placehold.it/60x40/fa7"); 
 
    background-repeat: repeat; 
 
    text-align: right; 
 
    }

<div class="x"></div>

und ohne Breite und Höheneinstellungen (das heißt unsichtbar):

.x { 
 
    position: fixed; 
 
    top: 60px; 
 
    left: 100px;; 
 
    background-image: url("http://placehold.it/60x40/fa7"); 
 
    background-repeat: repeat; 
 
    text-align: right; 
 
    }

<div class="x"></div>

Quelle

2017-04-26 20:40:49 Johannes

Danke Johannes, auch hilfreiche Info! –

Hallo! Leider möchte der Kunde dieses Objekt 700 px von oben platzieren ... und wenn ich das mache, verschwinden anscheinend alle ... Hinweise darauf, warum ... es scheint mit jeder Position über der Spitze zu passieren: 600px:/ –

Tut es nicht verschwinden hier mit Spitze 700px ... – Johannes

Wenn Sie benutze position: fixed, es ist für das Browserfenster. Sie müssen den oberen, linken, rechten oder unteren Wert eingeben. Wie zum Beispiel:

#book-now{ 
    position: fixed; 
    top: 50px; 
    left: 50px; 
    background-image: url("back_2.png"); 
    background-repeat: repeat; 
    text-align: right; 
    padding-right: 60px; 
    padding-top: 40px; 
}

Quelle

2017-04-26 20:52:28 Nina

Hallo Nina, vielen Dank für Ihre Antwort! es hat auch geklappt! :) –

Position fest auf div-Element

Antwort

Verwandte Themen