putting Bild immer in der Mitte der Seite

putting Bild immer in der Mitte der Seite(E. x das laden der Bilder für die ajax-aufrufen), auch wenn bewegen Sie die Navigationstaste. wie ist es?

Sie benötigen position: fixed zu halten, in der Mitte, auch beim scrollen.

InformationsquelleAutor Melissa Judd | 2011-07-31

  1. 8

    Für die meisten Browser, die Sie verwenden können position:fixed

     img.centered {
     position:fixed;
     left: 50%;
     top:  50%;
     /*
         if, for instance, the image is 64x64 pixels,
         then "move" it half its width/height to the
         top/left by using negative margins
     */
     margin-left: -32px;
     margin-top:  -32px;
 }

    Wenn das Bild, beispielsweise, 40x30 Pixel, youd margin-left:-20px; margin-top:-15px statt.

    Hier ein jsfiddle Beispiel: http://jsfiddle.net/WnSnj/1/

    Bitte beachten Sie, dass position:fixed funktioniert nicht, genau das gleiche in allen Browsern (obwohl es ok ist, in allen modernen). Siehe: http://www.quirksmode.org/css/position.html

    InformationsquelleAutor Flambino

  2. 3
    <style>
.CenterScreen{
   position:fixed;
   /*element can move on the screen (only screen, not page)*/

   left:50%;top:50%;
   /*set the top left corner of the element on the center of the screen*/

   transform:translate(-50%,-50%);}
   /*reposition element center with screen center*/

  z-index:10000;
  /*actually, this number is the count of the elements of page  plus 1 :)*/
  /*if you need that holds the element top of the others. */
</style>

    Wenn Sie fügen Sie diese Klasse dein element, es wird immer in der Mitte des Bildschirms.

    Beispiel:

    <a href="#" class="CenterScreen">Hello world</a>

    InformationsquelleAutor Serhat MERCAN

  4. 0

    Setzen Sie das Bild in ein div-tag mit Klasse-name (centeredImage) und verwenden Sie die folgenden css -

    div.centeredImage {

  margin: 0px auto;
  position: fixed;
  top: 100px;//whatever you want to set top;

}

    InformationsquelleAutor ShankarSangoli

Schreibe einen Kommentar