2

весь мозг уже сломал... задача: закрепить фоновое изображение для body, а в центре поместить какой-нибудь текст, чтобы текст был длиннее, чем высота экрана, и соответственно была полоса прокрутки, но чтобы фон оставался неподвижным. проблема в том, что текст выходит за границы экрана и полоса прокрутки не появляется. мне нужно, чтобы размер текста устанавливался в 4vh, например.

<html>
<head>

</head>
<body>

    <div>
    тут например стих пушкина
    мороз и солнце, день чудесный</br>
    еще ты дремлешь, друг прелестный</br>

и так далее...

    </div>

</body>

2 ответа 2

1

body {
  background: linear-gradient(red, blue);
  background-attachment: fixed;
}
<main>
весь мозг уже сломал... задача: закрепить фоновое изображение для body, а в центре поместить какой-нибудь текст, чтобы текст был длиннее, чем высота экрана, и соответственно была полоса прокрутки, но чтобы фон оставался неподвижным. проблема в том, что текст выходит за границы экрана и полоса прокрутки не появляется. мне нужно, чтобы размер текста устанавливался в 4vh, например.
весь мозг уже сломал... задача: закрепить фоновое изображение для body, а в центре поместить какой-нибудь текст, чтобы текст был длиннее, чем высота экрана, и соответственно была полоса прокрутки, но чтобы фон оставался неподвижным. проблема в том, что текст выходит за границы экрана и полоса прокрутки не появляется. мне нужно, чтобы размер текста устанавливался в 4vh, например.
весь мозг уже сломал... задача: закрепить фоновое изображение для body, а в центре поместить какой-нибудь текст, чтобы текст был длиннее, чем высота экрана, и соответственно была полоса прокрутки, но чтобы фон оставался неподвижным. проблема в том, что текст выходит за границы экрана и полоса прокрутки не появляется. мне нужно, чтобы размер текста устанавливался в 4vh, например.
весь мозг уже сломал... задача: закрепить фоновое изображение для body, а в центре поместить какой-нибудь текст, чтобы текст был длиннее, чем высота экрана, и соответственно была полоса прокрутки, но чтобы фон оставался неподвижным. проблема в том, что текст выходит за границы экрана и полоса прокрутки не появляется. мне нужно, чтобы размер текста устанавливался в 4vh, например.
</main>

0

* {
  box-sizing: border-box;
}

html, body, main {
  height: 100%;
  margin: 0;
}

body {
  background: linear-gradient(red, blue);
}

main {
  overflow: auto;
  padding: 8px;
}
<main>
весь мозг уже сломал... задача: закрепить фоновое изображение для body, а в центре поместить какой-нибудь текст, чтобы текст был длиннее, чем высота экрана, и соответственно была полоса прокрутки, но чтобы фон оставался неподвижным. проблема в том, что текст выходит за границы экрана и полоса прокрутки не появляется. мне нужно, чтобы размер текста устанавливался в 4vh, например.
весь мозг уже сломал... задача: закрепить фоновое изображение для body, а в центре поместить какой-нибудь текст, чтобы текст был длиннее, чем высота экрана, и соответственно была полоса прокрутки, но чтобы фон оставался неподвижным. проблема в том, что текст выходит за границы экрана и полоса прокрутки не появляется. мне нужно, чтобы размер текста устанавливался в 4vh, например.
весь мозг уже сломал... задача: закрепить фоновое изображение для body, а в центре поместить какой-нибудь текст, чтобы текст был длиннее, чем высота экрана, и соответственно была полоса прокрутки, но чтобы фон оставался неподвижным. проблема в том, что текст выходит за границы экрана и полоса прокрутки не появляется. мне нужно, чтобы размер текста устанавливался в 4vh, например.
весь мозг уже сломал... задача: закрепить фоновое изображение для body, а в центре поместить какой-нибудь текст, чтобы текст был длиннее, чем высота экрана, и соответственно была полоса прокрутки, но чтобы фон оставался неподвижным. проблема в том, что текст выходит за границы экрана и полоса прокрутки не появляется. мне нужно, чтобы размер текста устанавливался в 4vh, например.
</main>

2
  • премного благодарен.
    – user268787
    27 сен 2017 в 21:22
  • @user268787, если проблема решена, прими один из ответов нажатием на галочку слева от него.
    – Qwertiy
    28 сен 2017 в 7:23

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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