2015-05-09 3 views
0

У меня есть приложение Ruby on Rails, которое в настоящее время размещено в Heroku, где я обслуживаю статическое изображение. Я пробовал различные методы/комбинации CSS, позволяющие прокручивать изображение, и ничего не работает. В настоящее время я использую background-size:cover, и он отлично работает для людей с большим разрешением экрана, но проблема в том, что изображение не прокручивается для людей с меньшим разрешением экрана, то есть изображение отключается.Создание прокрутки статического изображения

Это то, что в настоящее время используется:

body { 
 
    background-image: url('#file path'); 
 
    background-repeat: no-repeat; 
 
    background-attachment: scroll; 
 
    background-size: cover; 
 
    background-position: top center; 
 
    background-color: #464646; 
 
}
<body> 
 
\t \t <%= yield %> 
 
</body>

(#file путь быть ссылка на статическое изображение Amazon S3)

Любые предложения о том, как сделать это возможным ?

+0

Кузов не будет прокручиваться, если нет установленной ширины, вы можете использовать вместо него крышку, которая бы масштабировала фон, чтобы соответствовать, но если вы хотите, чтобы она была горизонтальной, вам нужно установить размер и установить переполнение-x для прокрутки – abbott567

ответ

0

Попробуйте добавить: .myClass img {overflow:scroll;} к вашему CSS, чтобы сообщить браузеру о необходимости прокрутки содержимого переполнения.

EDIT: Это не может быть выполнено с использованием крышки из того, что я тестировал, попробуйте изменить его на другой размер фона (например, contain).

Смежные вопросы