2016-03-17 2 views
0

Я пытаюсь изменить фоновое изображение, которое вырезается при изменении размера экрана, чтобы всегда соответствовать ширине экрана.Отзывчивое изменение размера изображения без обрезки

Я попытался добавить новый класс или изменить какой-либо параметр, но он не работает на фоновом изображении.

.fixed { 
max-width: 100%; 
max-height: 100%; 
width: 100%; 
height: 100%; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
background-position: center center; 
background-size:100%; 
} 

Это изображение мне нужно изменить, как вы можете увидеть, если вы измените размер браузера, режутся: http://followmedelivery.com/

Это пример того, что я хочу получить, но они делают это с img, а не с фоновым изображением: http://followmedelivery.com/wp/

ответ

0

Существует много кода для просмотра, если вы не ставите скрипку, но, возможно, это проблема.

transform: translate3d(0px, 19.0805px, 0px); 

У меня есть проверка того, что этот стиль применяется к фоновому изображению, но не CSS, а JS. Поэтому вам нужно будет перейти в JS-файл и удалить его и проверить, не сделали ли это снимком больше. Попробуйте и дайте мне знать, если это сработает :)

+0

Спасибо, Лестер, да, много сложного кода, и это очень сложно для меня. Я удалил часть скрипта parallax, который создал преобразование: перевести 3d, но не работает. Я продолжаю пытаться –

+0

Просто убедитесь, что вы удалили 4 оператора преобразования, потому что есть не только один –