代码之家  ›  专栏  ›  技术社区  ›  Protonotarios

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

  •  0
  • Protonotarios  · 技术社区  · 11 年前

    如何在带有wiki代码和css的MediaWiki文章中绝对定位(即相对于浏览器窗口)元素?

    我需要做的是在标题区域的空白处放置一些图标。例如,在我的电影维基中,在《星际迷航》的文章中,我想在那里放一个星际迷航标志,它将作为第二个标志,在维基的标志旁边,给人一种感觉,我们在维基内部的一个子站点中,链接到该子站点的主页,即星际迷航门户。等等每一组电影都会有一个不同的标志(《X档案》、《星球大战》等)。因此,这必须用一个简单的模板来完成,并且不要触摸皮肤(这就是Vector btw)。

    我试过了

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

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

    我还尝试将所有这些放在其他容器div中,并尽可能进行定位和显示,但无论怎样,我似乎都无法离开内容区域。

    所以我找到的解决办法是改变 top -150px; 从而标志将到达期望的位置。但事实上 相对于内容区域 ,如果文章的标题太大并分成两行,则徽标会出现在同样移动的内容区域后面的较低位置。

    我猜MediaWiki使用了某种代码,使内容区域充当浏览器窗口或其他功能。如果是这样的话,有没有办法超越这一点?可能使用LocalSettings.php开关?

    2 回复  |  直到 10 年前
        1
  •  1
  •   user4454229 user4454229    11 年前

    一般来说,尽量避免 position: absolute .随着窗口大小的调整,In趋于破裂。

    你的尝试可能会失败,因为 位置:绝对 将绝对朝向下一个相对定位的父对象。在该特定元素的DOM树上查找定位的父元素 relative .

        2
  •  1
  •   Nemo    10 年前

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

    你需要的维基文本很简单 <indicator name="logo">{{logo}}</indicator> 假设 {{logo}} 包含有问题的图像。