CSS: позиционировать элемент внизу страницы, а не в окне - PullRequest
0 голосов
/ 28 декабря 2011

Самый простой html за всю историю:

<!doctype html>
<html>
<body>
<p>Some text content</p>
<p>Some more content</p>
<p> ... </p>

<img src="image.jpg">
</body>
</html>

Изображение предназначено для позиционирования с помощью CSS внизу страницы , позади абзацев.

Вотживой пример.

http://jsfiddle.net/g105b/NfzT3/

Ответы [ 3 ]

3 голосов
/ 28 декабря 2011

Просто добавь воды. И это:

body { position:relative }

Изображение позиционируется относительно следующего, наилучшим образом (нестатического) элемента, окружающего его.

1 голос
/ 28 декабря 2011

Хм .. позади текста .. Я думаю, что CSS через тело лучше, чем решения выше - универсальный CSS:

<style type="text/css">
body {
background:url(image.jpg) no-repeat bottom center;
}
</style>

Если вы хотите исправить:

0 голосов
/ 28 декабря 2011

Вы имеете в виду Как это ?? Чтобы изображение оставалось с текстом, а не соприкасалось с нижней частью окна?

Я не понимаю повторных отрицательных голосов. Вопрос ясно гласит: « нижняя часть страницы, а не окно ». Это единственное решение, которое НЕ выравнивает изображение по нижней части окна.

...