capitalization - 文本转换 : capitalize issue in IE

Question

text:transform 的 css 属性有问题。当我将它设置为大写时，它在 IE7 和 IE8 中的行为不同。页面 [1] 的产品标题在其他浏览器中显示 apple tree 'Gala' 而在 IE 中显示 apple tree 'gala' 。请注意引号后的“g”字母。我希望“g”在 IE 和其他浏览器中都是大写字母。

我需要做任何 hack 或额外设置才能让它在 IE 中工作吗？

[1] - http://shop.shootcare.co.uk/pomonafruits/find/apple-tree-gala-apl026?path=&ref=mall

Answer 1

text-transform 属性在 CSS 规范中的定义严重不足。它的CSS 2.1 definition甚至没有具体说明“单词”的含义。在计算机上下文中，作为文本单位的“单词”仅表示非空白字符的最大序列，因此在您的情况下，包含撇号的字符串 'gala' 将是一个单词，其第一个字符是撇号。因此可以说 IE 在这里最合适，但其他浏览器采用了其他解释。

CSS3 Text草案建议更改或澄清含义，以便影响第一个字母(这实际上意味着“字母或数字”!)。所以这将使'gaia'中的g大写。但它仍然没有定义“词”，例如“cutting-edge”是两个词还是一个词，或者“rock’n’roll”有多少个词。

结论是几乎所有的单词大写方法都比CSS方式更可靠。如果可能，请修改生成页面的软件，以便它根据您喜欢的规则在服务器端执行所需的操作。即使在这里使用 JavaScript 也比 CSS 更安全。