text-transform:全宽度在Opera中不起作用 - html

时间:2013-09-20 11:56:39

标签: html text opera css text-styling

<div style="position: relative; left: 30px; top: 20px; width: 200px; height: 30px; border: solid 1px black; text-align: center; vertical-align: middle; line-height: 30px; text-transform: full-width;">
<span style="color: #999999; font-family: tahoma; font-size: 12px; text-transform: full-width;" onmouseover="this.style.color='#000000';" onmouseout="this.style.color='#999999';">Example Text</span></div>

http://jsfiddle.net/CQwbQ/

所以我在div中有一些文本,我注意到文本转换在Opera中没有效果(它在Firefox中正常工作)。我有最新的Opera版本。

我尝试了所有组合 - 将text-transform: full-width;放在span中,而不是放在div中,而不是放在两者中......

如何解决这个问题?

1 个答案:

答案 0 :(得分:3)

目前仅支持Firefox full-width的{​​{3}}值。您可以向Opera提交错误报告,但由于该值仅在工作草案级别文档中定义(text-transform),我认为它不会引起太多关注。

解决方法:

1)添加一段JavaScript代码,用相应的全角字符替换ASCII字符(例如,U + FF21的“A”)。

2)执行相同的服务器替换或预处理。更强大。