staspl (23 Март 2014 - 13:38) писал:
Здравствуйте. Как сделать что бы своя картинка на фоне под соответствующее разрешение экрана растягивалась или сужалась? Картинка разрешением 1920х1080
В разделе "Сайт"->"Редактор Шаблонов" в шаблоне "main.css" замените код
body { background:url({ASSETS_IMAGES_PATH}fon3.jpg) center top no-repeat fixed; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}на такой
body { background:url({ASSETS_IMAGES_PATH}fon3.jpg) center top no-repeat fixed; background-size: 100% auto; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}
Здесь за размер фоновой картинки отвечает
background-size: 100% auto;100% - растяжение картинки по ширине на весь экран, auto - соответствующее растяжение по высоте так, чтобы сохранились пропорции изображения. Вместо auto также можно задать 100% - будет растягиваться и по высоте на весь экран.