Как установить абсолютное положение (то есть относительно окна браузера) элемента в статье MediaWiki с помощью wikicode и css?

Что мне нужно сделать, так это поместить несколько значков в пустое пространство области заголовка. Например, в моей вики по фильмам, в статьях «Звездный путь» я хочу разместить там логотип Star Trek, который будет действовать как второй логотип, рядом с логотипом вики, создавая впечатление, что мы находимся на подсайте внутри wiki, ссылаясь на домашнюю страницу этого подсайта, портала Star Trek. И так далее; для каждой группы фильмов будет свой логотип (Секретные материалы, Звездные войны и т. д.). Так что это должно быть сделано с помощью простого шаблона и не касаясь кожи (это вектор, кстати).

Я пытался

<div style="
position: absolute;
top: 0px;
left: 0px;
z-index: 100;>{{logo}}</div>

Но это абсолютное положение логотипа в верхнем левом углу области содержания , не в окне браузера!

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

Итак, я нашел способ изменить top на -150px;, чтобы логотип переместился в желаемое место. Но поскольку на самом деле это относительно области содержимого , если заголовок статьи слишком большой и разбивается на две строки, то логотип появляется в более низком месте после области содержимого, которая также перемещается.

Я предполагаю, что MediaWiki использует какой-то код, который заставляет область содержимого действовать как окно браузера или что-то в этом роде. Если это так, есть ли способ отменить это? Может быть, с переключателем LocalSettings.php?

0
Protonotarios 26 Янв 2015 в 15:05

2 ответа

Лучший ответ

В общем, старайтесь избегать position: absolute. In имеет тенденцию ломаться при изменении размера окна.

Ваши попытки, вероятно, не удаются, потому что position: absolute будет абсолютным по отношению к следующему относительно позиционированному родителю. Поднимитесь по дереву DOM для этого конкретного элемента, чтобы найти родителя, который расположен relative.

1
user4454229user4454229 26 Янв 2015 в 15:13

В MediaWiki 1.25 и более поздних версиях следует использовать индикаторы страниц.

Нужный викитекст - это просто <indicator name="logo">{{logo}}</indicator> при условии, что {{logo}} содержит рассматриваемое изображение.

1
Nemo 17 Окт 2015 в 08:16