为什么大写不能在Opera中运行？

Question

以下html在IE / Firefix / Chrome / Safari中工作，但在Opera中，第一个字母没有大写。一个例子是在上面的四个浏览器中显示的圣地亚哥，但出于某些原因在Opera中它将是圣地亚哥。

<span style="text-transform: capitalize;">
   <h4>
      Location:
   </h4>
   &nbsp;       
   <p>
      <%=refLocation.toLowerCase()%>
   </p>
</span>

任何人都有解释为什么或更好的解决方法的想法？

是的，样式是在CSS中。我只是把它拉进来说明。

Answer 1

对我来说很完美：http://jsfiddle.net/Sxt48/（尽管标记无效 - 内联元素不应包含块元素）。

你使用哪种版本的歌剧？小提琴适合你吗？歌剧supports this since version 7（约8岁）。我假设你的文档的其他部分有一些东西打破了这个，但很难说只看到这么一小片段。

Answer 2

最终解决问题的是将它从任何容器中拉出来。如上所述，跨度不正确。即使在div中，问题仍然存在。解决问题的唯一方法是将它从div中取出并应用内联样式，并且它按预期工作。奇怪的。

作为一个JSP，无法在小提琴中重新创建问题，而这种奇怪之处可能是由于我们的后端java实现中的某些内容。