Я работаю над [этим сайтом] [1]. У меня есть «mainbackground», который показан на нем.CSS/HTML Background, новое изображение при прокрутке
Можно ли сделать [это изображение] [2] продолжением при прокрутке?
Вот мой CSS:
background-image: url("bakgrund.jpg")
У меня возникли трудности с выяснением того, как вы представляете себе эту работу.
Если вы хотите, чтобы фоновое изображение, чтобы продолжить вниз страницы, насколько содержание идет, используйте:
background-repeat: repeat-y;
Если вы хотите использовать несколько изображений в качестве фона, использование:
background-image: url(image-url-1), url(image-url-2);
Если вы хотите, чтобы изображение прокручивалось с текстом (т. е. не фиксировано) , но затем продолжайте прокручивать, как только вы достигнете конца содержимого, или если вы хотите динамически загружать несколько изображений по мере необходимости, вам нужно будет сделать это программно используя AJAX или что-то в этом роде.
Вы можете использовать:
background-attachment: fixed;
Нет, вызывают его блог. Я не могу прокрутить это так. Это означало бы, что у вас будет такое небольшое пространство, чтобы читать вещи. – Pontus
Я понимаю, но как еще вы его увидите? Если высота изображений меньше высоты страницы, в какой-то момент она будет отключена. – Bogdan
Да, я понимаю, что .. Вот почему им интересно, можете ли вы заставить его прокручивать, прокручивать, прокручивать с новым фоном. Тогда, конечно, это может выглядеть глупо. Но это то, что им интересно. – Pontus
Если вы пытаетесь для фиксированного фона попробовать это http://jsfiddle.net/kkmLpqqd/
<div id="a">a</div>
#a{
width:300px;
height:2000px;
background-image:url(http://placekitten.com/300/301);
background-attachment:fixed;
background-repeat:no-repeat;
background-color:green;
}
Это заставляет его фиксировать tho. Представьте себе, я хочу, чтобы новое изображение продолжалось там, где находится текущий. Его не фиксированный, я хочу. Я хочу, чтобы вы могли бесконечно прокручивать, а фон оставался там, где он есть. – Pontus
@Pontus Это то, что «фон: исправлено;». Он сохраняет фон на месте, пока контент сайта продолжает прокручиваться. – TylerH
@ Понтус покажет часть вашего кода или попробую повторить-y, чтобы он повторил – Akshay
.class-name {
background:url(your-image.jpg) no-repeat;
background-attachment: fixed;
}
Попробуйте назначить фоновое изображение элементу «body» в CSS, а затем поместить весь контент, который вам нужен, для прокрутки в «контейнере» div с белым фоном (или как вам угодно).
css:
body {
width: 100%;
background-image: ...
background-attachment: fixed;
}
#container {
margin: 0 auto;
background: #FFF;
}
html:
<body>
<div id="container>
...
</div>
</body>
И почему -1 без причины? – Pontus
Я искал заголовок вашего вопроса, и первый и второй результаты решили вашу проблему. – APerson
Нет, причина в том, что я не фиксированный фон. – Pontus