希腊文本IE8问题与CSS文本转换

Question

有一个希腊文字的网站,其中我有这个div,我已经应用了这种风格text-transform:uppercase.

<div class="greek" style="text-transform:uppercase;">?????????</div>

小写: Υπηρεσίες

转换为大写: ΥΠΗΡΕΣΊΕΣ

因此它在IE8中的确是以大写字母显示文字,除了一个字母"ς"

所以在IE8上它显示如下: ΥΠΗΡΕΣΊΕς

这适用于所有浏览器(FF,Chrome,IE9,IE10,IE11),但不适用于IE8.

那么它将"σ"转换为"Σ"但不会改变"ζ"

是否有人为此提供任何CSS解决方案.？

Answer 1

这是浏览器中的错误/缺陷。根据规范，text-transform必须应用 Unicode 大小写映射规则，其中包括将最终的小写 sigma \xe2\x80\x9c\xcf\x82\xe2\x80\x9d 映射到大写 sigma \xe2\x80\x9c\xce\xa3\xe2\ x80\x9d。（他们还应该以将词尾 \xe2\x80\x9c\xce\xa3\xe2\x80\x9d 映射到 \xe2\x80\x9c\xcf\x82\xe2\x80\x9d 的方式进行大写到小写映射，但是\xe2\x80\x99s是一个不同的问题，而且更复杂。）但有些浏览器仍然无法做到这一点。

\n\n

CSS 对此无能为力。在客户端，您可以做的是使用 JavaScript 代码通过内容转换来修复此问题。但最好在服务器端进行。如果您希望以这种方式显示内容，请以全部大写形式编写内容，或者（如果它来自外部源）使用您正在使用的任何服务器端工具进行映射。

\n\n

请注意，当您尝试使用 CSS 将希腊文本大写时，您还会遇到其他问题。如屏幕截图所示，带有 tonos \xe2\x80\x9c\xce\xaf\xe2\x80\x9d 的小 iota 已转换为带有 tonos \xe2\x80\x9c\xce\x8a\xe2\x80\ 的大写 iota x9d。根据希腊规则，当单词大写时，这是不正确的；tonos（尖锐的重音）应该被省略。大多数浏览器都不能正确执行此操作（Firefox 可以）。

\n