MediaWiki:将css应用于图像

Question

我试图在Mediawiki：像素地下城中放大图片。图像是像素艺术，所以我想要清洁锐利的边缘，当他们被缩放。我尝试过应用此代码：

<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的样式应用于图像，这意味着图像是模糊的。如何使图像具有span的样式或将样式直接应用于图像？

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

(请参阅图像上的实际页面)

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]]获得一个很好的像素化图像。

Ps。如果您停留在不支持向图像添加类的旧MediaWiki版本上，可以通过将CSS选择器更改为.pixelart img和将wikitext更改为例如：

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

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