2010-05-16 3 views
2

Я просто хотел положить bgbottom в нижнюю часть моего тела. Что происходит, нижнее изображение до конца нижнего колонтитула и не выходит за пределы нижней части тела.Div Фоновое изображение

#bgtop { 
    background-image:url(images/bgtop.png); 
    background-repeat: repeat-x; 
} 

#bgbottom { background:url(images/bgbottom.png) repeat-x bottom;} 

HTML

<body> 
<div id="bgtop"></div> 
<div id="bgbottom"></div> 
+4

Отступ ваш код блокирует 4 пробела. Постарайтесь задать свой вопрос более четко. Хотя я не прочь занять 10 секунд, фиксируя ваше форматирование, я не собираюсь тратить 10 минут, пытаясь понять ваш вопрос. Уменьшите примеры для ПРОСТОЙ ВОЗМОЖНОЙ ИНСТАНЦИИ, которая реплицирует вашу проблему. Добро пожаловать в SO. – Erik

+1

Я согласен с Эриком. ~ Я не совсем уверен, в чем проблема, с которой вы сталкиваетесь ... можете ли вы высмеять скриншот того, что вы хотите, и показать скриншот того, с чем вы сражаетесь? Это может быть еще быстрее. (Но в основном я размышляю над его комментариями об исправлении форматирования и уменьшаю пример до МИНИМАЛЬНОГО ~ Хотя я сам этого не делаю сам ;-) [О, также ~ Вы найдете, что ответы приходят довольно быстро _and_ со временем, поэтому будьте готовы следить за своими вопросами для ответов вскоре после публикации ... часто в течение 20 минут после публикации] – jcolebrand

ответ

1

Хотя ваш вопрос не понятен, я думаю вы хотите, чтобы исправить изображение в нижней части страницы. Если это так, используйте свойство CSS background-attachment: fixed

После повторного чтения вашего вопроса немного больше, я думаю, вы можете просто увеличить свой рост на 100% от страницы (опять же, не совсем уверен) ? Если это так, то вы можете установить height: 100% или вы можете применить фоновое изображение к самому <body> тегу:

body { background: #[color] url([image]) repeat-x left bottom; } 
0

Если высота 100% для тела тега не работает, а затем установите нижний DIV. Установите нижнее свойство позиции div на фиксированное и установите снизу на -1px и налево до 0px. Это гарантирует, что фоновое изображение выйдет из нижней части окна браузера. Я думаю, что это решение вашей проблемы.

#bgbottom { background:url(images/bgbottom.png) repeat-x; position:fixed; bottom:-1px; left:0px;} 
Смежные вопросы