0

Собственно вопрос, какие могут быть причины перевернутого фона внутри элемента html. Картинка нормальная, но отображается вверх ногами.

.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>

7
  • вопрос в рамках html и CSS никаких скриптов не подключено 12 дек 2015 в 22:05
  • Покажите Ваш код. Без него гадать придётся очень долго.
    – Streletz
    12 дек 2015 в 22:10
  • Какая картинка? Какой код?
    – korytoff
    12 дек 2015 в 22:15
  • Код выложил, просто не предполагал, что так много вариантов может быть 12 дек 2015 в 22:21
  • 1
    картинку можете тоже выложить, раз проблема в ней
    – korytoff
    12 дек 2015 в 22:25

1 ответ 1

4

Без кода я вижу 2 варианта:

  1. EXIF Orientation – ваш просмотрщик фотографий показывает картинку с учетом EXIF, а браузер нет. Либо наоборот.
  2. CSS transform – у вас стоят стили, где явно указан разворот картинки.

Попробуйте удалить информацию EXIF с ориентацией снимка.

2
  • Нет css3 не использовал. Браузер напрямую отображает картинку как надо. А через фон переворачивает)) 12 дек 2015 в 22:19
  • Абсолютно верно, проблема в EXIF. Не знаю сколько бы искал 12 дек 2015 в 22:26

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.