Почему мой фон показан под нижним колонтитулом в Qualtrics?

#html #css #qualtrics

#HTML #css #qualtrics

Вопрос:

Я понятия не имею, почему мой фон показан под нижним колонтитулом в Qualtrics.

Вот код, который я написал:

 <br />
<style type="text/css">body {
  background-image:url('https://uwmadison.qualtrics.com/CP/Graphic.php?IM=IM_00pfOKSXTudGqfb') !important;
  background-repeat: no-repeat !important;
  background-size:50% 50% !important;
  background-position:center center !important;
    height:100vh !important;
}
</style>

Итак, вот скриншот того, как это показано:
введите описание изображения здесь
И вот ссылка на опрос (я поставил 6 минут в качестве таймера для первой фотографии, чтобы вы могли ее видеть)

1. Чтобы уточнить, какая часть считается нижним колонтитулом? Элемент inspect ничего не показывает внутри нижнего колонтитула. Также выглядит так, как будто у вас нет высоты, объявленной в вашем идентификаторе «нижнего колонтитула».

2. Возможно ли изменение класса с body на div#SkinContent ? Или фон должен быть для всей страницы?

Ответ №1:

Расположение фонов зависит от окна (области просмотра).

Если вы хотите, чтобы это изображение было над нижним колонтитулом, включите его в свой HTML-файл над нижним колонтитулом с <img />

Вам также может быть интересно прикрепить нижний колонтитул к нижней части страницы.

1. Я действительно пробовал это, но если я использую <img / >, это больше не считается фоном. Верно?

2. Верно, в качестве альтернативы вы могли бы назначить фон для div над нижним колонтитулом вместо тела. Но для этого может потребоваться настройка width / height или min-height / min-width. <div style="background: url(img); width:100%; height: 300px"> </div>