Как сделать элемент страницы статичным / зависать над тем, что прокручивается под ним (у меня уже есть статический фон)

0

Я использую SiteBuilder для создания моего сайта marsya.com, и я вставлял фрагмент кода в заголовок и тело моей страницы (я не знал, куда он должен идти, поэтому я помещаю его в оба места), что позволяет мне иметь фиксированное фоновое изображение. Ура!

Проблема заключается в том, что моя навигационная панель и информация о местоположении - это то место, где я хочу их, когда меня масштабируют на 100%, если масштаб или размер экрана разные, моя панель навигации и остальная часть этой строки таблицы теряются в фоновом изображении.

Я бы хотел, чтобы они либо оставались статичными относительно фона (мой первый выбор), либо просто оставались в верхней части страницы, а не прокручивались вместе с остальной частью моего контента (второй вариант) (я попытался опубликовать изображения того, что Я описываю, но у меня недостаточно очков репутации)

Помогите! О, и в случае, если вы не догадались, используя мой SiteBuilder (и тот факт, что я не знаю, идет ли фоновое изображение в заголовок или тело), я не программист. Итак, если бы вы могли сделать свой совет ясным и как можно скорее, я был бы признателен :)

marsya.com

Теги:
background-image
static

2 ответа

0

Если вы посмотрите на этот раздел ниже (предположим, вы добавили этот код для фонового изображения):

<style>
body
{ 
background-image:url('http://www.marsya.com/images/background.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center; 
}
</style>

Измените, где написано:

background-position:center; 

Изменить на

background-position:left top; 

Это сделает положение фиксированным в левом верхнем углу, и изображение не изменится при изменении размера браузера.

0

Чтобы элемент не двигался вместе с остальной частью страницы, вам нужно добавить стиль ниже на ваш.css file-

#ELEMENT-ID{
position:fixed;
}

Ещё вопросы

Сообщество Overcoder
Наверх
Меню