MediaWiki 中页面标题旁边图像的绝对定位

Absolute positioning of an image next to page title in MediaWiki

如何使用 wikicode 和 css 对 MediaWiki 文章中的元素进行绝对定位(即相对于浏览器 window)?

我需要做的是在 header 区域的空白 space 中放置一些图标。例如,在我的电影 wiki 中,在 "Star Trek" 篇文章中,我想放一个星际迷航标志作为第二个标志,紧挨着 wiki 的标志,给人的印象是我们在 sub-site 在 wiki 中,链接到 sub-site 的主页,星际迷航门户。等等;每组电影都有不同的徽标(X-Files、星球大战等)。所以这必须用一个简单的模板来完成,不要接触皮肤(顺便说一句,这是 Vector)。

我试过了

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

但这绝对会将徽标定位到内容区域左上角而不是浏览器window!

我也试过将所有这些放在其他容器 div 中,并进行所有可能的定位和显示,但似乎无论如何我都无法离开内容区域。

所以我找到的解决方法是将 top 更改为 -150px;,这样徽标就会到达所需的位置。但由于这实际上相对于内容区域,如果一篇文章的标题太大并分成两行,那么徽标会出现在内容区域之后的较低位置,该内容区域也被移动了。

我的猜测是 MediaWiki 使用某种代码使内容区域充当浏览器 window 或其他东西。如果是这样,有没有办法覆盖它?也许用 LocalSettings.php 开关?

一般来说,尽量避免position: absolute。随着 window 调整大小,In 往往会中断。

您的尝试可能会失败,因为 position: absolute 将绝对指向下一个相对定位的父级。向上查找该特定元素的 DOM 树,找到位于 relative.

的父级

在 MediaWiki 1.25 及更高版本中,您应该使用 page indicators

您需要的维基文本只是 <indicator name="logo">{{logo}}</indicator> 假设 {{logo}} 包含有问题的图像。