Я использую SiteBuilder для создания моего сайта marsya.com, и я вставлял фрагмент кода в заголовок и тело моей страницы (я не знал, куда он должен идти, поэтому я помещаю его в оба места), что позволяет мне иметь фиксированное фоновое изображение. Ура!
Проблема заключается в том, что моя навигационная панель и информация о местоположении - это то место, где я хочу их, когда меня масштабируют на 100%, если масштаб или размер экрана разные, моя панель навигации и остальная часть этой строки таблицы теряются в фоновом изображении.
Я бы хотел, чтобы они либо оставались статичными относительно фона (мой первый выбор), либо просто оставались в верхней части страницы, а не прокручивались вместе с остальной частью моего контента (второй вариант) (я попытался опубликовать изображения того, что Я описываю, но у меня недостаточно очков репутации)
Помогите! О, и в случае, если вы не догадались, используя мой SiteBuilder (и тот факт, что я не знаю, идет ли фоновое изображение в заголовок или тело), я не программист. Итак, если бы вы могли сделать свой совет ясным и как можно скорее, я был бы признателен :)
marsya.com
Если вы посмотрите на этот раздел ниже (предположим, вы добавили этот код для фонового изображения):
<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;
Это сделает положение фиксированным в левом верхнем углу, и изображение не изменится при изменении размера браузера.
Чтобы элемент не двигался вместе с остальной частью страницы, вам нужно добавить стиль ниже на ваш.css file-
#ELEMENT-ID{
position:fixed;
}