CSS + Jquery wie ein div float über andere div Inhalt

Hallo Ich habe das followin div zu machen:CSS + Jquery wie ein div float über andere div Inhalt

<div class="pleaseWait"> 
      <img src="animation.svg" /> 
     </div>

habe ich es nur unter meinem <body>-Tag.

Mein Stil:

.pleaseWait{ 
    margin: 0px auto; 
    text-align: center; 
    margin-top: 200px; 
    display: none; 
}

Jetzt, mit jQuery abhängig von Ajax-Aufrufe oder was auch immer ich will zentriert, dass <div> oben auf der Seite angezeigt werden soll.

$('.pleaseWait').show();

Irgendwelche Hinweise auf welche CSS-Stil muss ich hinzufügen, um dieses Ergebnis zu erhalten. Ich möchte, dass dies reaktionsfähig ist. Wenn ich die Größe des Browsers verkleinere, wird sich der Browser damit bewegen.

Übrigens im Bezug auf modernizr.min.js im Falle, dass das funktioniert.

Quelle

2016-11-23 VAAA

können Sie zeigen ein Bild zumindest? –

Um 'margin: 0 auto;' zu verwenden, müssen Sie '' pleaseWait ''eine Breite eingeben. – BenM

'Position: fixiert; oben: 50%; links: 50%; Rand oben: (Svg Höhe/-2) px; Rand links: (Svg Breite/-2) px; z-index: 9999; ' – Phil

Warum Sie nicht verwenden, um die z-index das Bild vor anderen Elemente Ihrer Seite zu setzen, wie folgt aus:

.pleaseWait { 
margin: 0px auto; 
text-align: center; 
margin-top: 200px; 
display: none; 
z-index:2; 
}

Quelle

2016-11-23 23:31:41

' 2' scheint ziemlich niedrig zu sein, damit etwas oben ist – Phil

Auch "z-index bewirkt nur Elemente, die einen anderen Positionswert als statisch haben (Standard)" - https: // css -tricks.com/almanac/properties/z/z-index/ – DaMaGeX

Ja, muss mit position: absolute sein. –

CSS + Jquery wie ein div float über andere div Inhalt

Antwort

Verwandte Themen