Transmitted background in div



  • The question is, in fact, what may be the reasons for the overturned background inside element html. The picture is normal, but it looks upside down.

    .menu{
     text-align: center;
    }
     .place{
      height: 49.5vw;
      float: left;
      background: url('../img/Maldives.jpg');
      background-size: contain;
      1background-repeat: no-repeat;
      color: #ffffff
     }
     .point{
      float: left;
      width: 50%;
      height: 17vw;
      background-size: 100%;
     }
    <div class="menu">
     <div class="place col-md-12">Мальдивы</div>
     <div class="col-md-12">
     <div class="point" style="background-image: url('img/Maldives_palm.jpg')">День первый</div>
     <div class="point" style="background-image: url('img/Maldives_cafe.jpg')">День второй</div>
     <div class="point">День третий</div>
     <div class="point">День четвертый</div>
     <div class="point">День пятый</div>
     <div class="point">День шестой</div>
     <div class="point">День седьмой</div>
     </div>
    </div>



  • Without the code, I see two options:

    1. https://ru.wikipedia.org/wiki/EXIF Orientation is your photographer showing a picture of EXIF and no browser. Or vice versa.
    2. http://www.w3schools.com/cssref/css3_pr_transform.asp - You've got styles where the picture turns out clearly.

    Try to remove the information. EXIF with a view to the photo.




Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2