Arhn - архитектура программирования

Почему мое фоновое изображение не отображается при загрузке в единый вход bluemix?

Bluemix SSO предоставляет возможность загрузки zip-файла, содержащего файлы html и style.css, чтобы пользователи могли настраивать свои страницы. Это круто! Однако я не могу заставить его работать. Я обновил правильный файл login.html и эквивалентный файл style.css. Он правильно отображается в моем браузере, но когда я загружаю файлы обратно в bluemix SSO, информация о странице и настройки отображаются, как и ожидалось, но фонового изображения jpg нет.

фрагмент из моего style.css:

body {
  width: 90%;
  margin: 0;
  padding: 0;
  background-image: url('./my.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

Есть ли конкретное место, куда нам нужно поместить эти файлы? Я пробовал: * background-image: url('./my.jpg'); * фоновое изображение: URL (my.jpg); * фоновое изображение: URL-адрес (/mtfim/sps/static/my.jpg); -- /mtfim/sps/static - это место, где html, кажется, подхватывает файл style.css

У меня закончились идеи, спасибо!

ibm-cloud single-sign-on
16.11.2015

Ответы:


1

В общем, и не только с Bluemix, если вам нужно понять, куда поместить изображение или общий ресурс для веб-страницы, чтобы загрузить ее через веб-браузер, лучший и самый быстрый способ — использовать инструмент разработчика из Chrome/Firefox. /IE и проверьте URL-адрес, используемый браузером для получения ресурса, используя сетевую панель или панель проверки: таким образом, у вас сразу будет путь, по которому браузер ищет ресурс, и вам нужно просто поместить сюда изображение.

Из вашего первого CSS вы ссылаетесь на jpg, размещенный по тому же пути, что и CSS.

17.11.2015

2

Ну вместо того, чтобы сказать:

background-image: url('./my.jpg');

сказать:

background-image: url(localhost/my.jpg); <!--This is for localhosted website -->

or

background-image: url(Your Link/my.jpg); <!--This is for online hosted services! -->
16.11.2015
  • Также, если у вас вообще нет хостов, используйте: background-image: url(file:///Расположение файла/my.jpg); 16.11.2015
  • Это веб-сайт, размещенный на bluemix и использующий службу SSO, поэтому я не уверен, что пример онлайн-хостинга будет работать... Однако я попробовал следующее: 1. Поместите jpg в папку моего веб-сервера public/image. 2. в файле SSO style.css: фоновое изображение обновлено до URL-адреса (www.myserver.com/public/image/my.jpg). Все еще не работает :( 16.11.2015
  • общедоступное местоположение - это корневая папка: D, поэтому сделайте www.myserver.com/image.jpg, если он там: D 17.11.2015
  • А также вы можете добавить новую папку в общую папку с именем imgs, затем поместить туда все свои изображения и сказать: background-image: url(myserver.com/imgs/my.jpg); 17.11.2015
  • Это сработало!! Большое спасибо!! К вашему сведению, я обнаружил, что, хотя мы можем изменять шаблоны, предоставленные SSO, мы НЕ можем добавлять какие-либо файлы!! Таким образом, внешний путь к файлу - единственный способ сделать это. 17.11.2015
    • Новые материалы
    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..