Как установить абсолютное положение (то есть относительно окна браузера) элемента в статье 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?
2 ответа
В общем, старайтесь избегать position: absolute
. In имеет тенденцию ломаться при изменении размера окна.
Ваши попытки, вероятно, не удаются, потому что position: absolute
будет абсолютным по отношению к следующему относительно позиционированному родителю. Поднимитесь по дереву DOM для этого конкретного элемента, чтобы найти родителя, который расположен relative
.
В MediaWiki 1.25 и более поздних версиях следует использовать индикаторы страниц.
Нужный викитекст - это просто <indicator name="logo">{{logo}}</indicator>
при условии, что {{logo}}
содержит рассматриваемое изображение.
Похожие вопросы
Новые вопросы
css
CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.