MediaWiki：将 css 应用于图像

Question

我正在尝试放大 Mediawiki 中的图片：Pixel Dungeon。这些图像是像素艺术，所以我想要在缩放时清晰锐利的边缘。我已尝试应用此代码：

<span style="
    -ms-interpolation-mode:nearest-neighbor;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;">
      [[File:myImage.png|96px]]
      <!-- I tried in a HTML document replacing above line with:
             <img src="myImage.png" width="96"/>
           this produced same result -->
</span>

这在 Firefox 中有效，但 IE 不会将 span 的样式应用于图像，这意味着图像是模糊的。如何让图像具有跨度的样式或将样式直接应用于图像？

我在 wiki 上没有管理员权限，因此 [[File:myImage.png|96px|class=myClass]] 将无法工作，因为我无法创建类。

（查看http://pixeldungeon.wikia.com/wiki/Template:Pixel_image的实际页面）

Answer 1

老实说，您最好的办法可能是让您的 wiki 管理员将必要的 CSS 规则添加到您 wiki 上的 MediaWiki:Common.css。像下面这样的东西应该可以解决问题：

img.pixelart {
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

这将允许您使用[[File:myImage.png|96px|class=pixelart]] 来获得像素化的图像。

附言。如果您遇到不支持向图像添加类的旧 MediaWiki 版本，您可以通过将 CSS 选择器更改为 .pixelart img 并将 wikitext 更改为例如：

<span class=pixelart>[[File:myImage.png|96px]]</span>

事实上，如果您的 wiki 上的大多数图像都是像素艺术，那么从 CSS 中完全省略 .pixelart 部分可能是最简单的，以便默认情况下将缩放规则应用于所有图像。这不应该影响以自然尺寸或更小显示的图像的外观，因为 MediaWiki 无论如何都会在服务器端缩小它们的尺寸。