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

时间:2015-01-26 12:05:57

标签: css mediawiki

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

我需要做的是在标题区域的空白处放置一些图标。例如,在我的电影维基中,在"星际迷航"文章我想在那里放一个星际迷航标志,作为第二个标志,在维基的标志旁边,给人的印象是我们在维基内部的一个子网站,链接到该子网页的主页-site,星际迷航门户网站。等等;对于每组电影,将有一个不同的标志(X档案,星球大战等)。所以这必须使用一个简单的模板,而不是触摸皮肤(这是矢量顺便说一句)。

我已经尝试了

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

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

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

因此,我找到的工作是将top更改为-150px;,以便徽标转到所需的位置。但由于这实际上是相对于内容区域,如果文章的标题太大并且分成两行,那么徽标会出现在内容区域后面的较低位置,即&#39; s也动了。

我的猜测是MediaWiki使用某种代码使内容区域充当浏览器窗口或其他东西。如果是这种情况,有没有办法覆盖这个?使用LocalSettings.php切换可能吗?

2 个答案:

答案 0 :(得分:1)

一般情况下,尽量避免使用position: absolute。当窗口调整大小时,往往会破坏。

您的尝试可能会破裂,因为position: absolute对于下一个相对定位的父母来说是绝对的。向上查找该特定元素的DOM树,以查找位于relative的父级。

答案 1 :(得分:1)

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

您需要的wiki文字只是<indicator name="logo">{{logo}}</indicator>,假设{{logo}}包含相关图片。