我测试了三个都正常，，，
你用JSP的话可以用截取函数啊：
function SubstrDemo(){
var s, ss // 声明变量。
var s = "The rain in Spain falls mainly in the plain."
ss = s.substr(12, 5)// 获取子字符串。
return(ss) // 返回 "Spain"。
}
或者找JQ的TOOLTIPS插件，，可以连同你的提示功能一起实现了。
你说反了吧？你这段代码在FireFox、Chrome有效（我已经试过了），在IE（指IE6/7/8/9）中是无效的。原因在于transition是css3属性，IE不支持（IE10/11是支持的）。另外在IE7/8中要想使用before和after伪元素，必须声明 <!DOCTYPE>我这里是谷歌浏览器没问题啊
chorome浏览器的话你可以在每个样式属性前边加上 -webkit-
-moz代表firefox浏览器私有属性
-ms代表IE浏览器私有属性
-webkit代表chrome、safari私有属性
