解决abbr在IE显示Bug的方法

Nov 15, 2004 Author: | Filed under: Uncategorized

原文在：

http://www.sovavsiti.cz/css/abbr.html

类似

缩写

这样的代码在IE中显示是不正确的（用firefox,opera看看就知道了），而acronym却可以。解决办法如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title></title> <meta http-equiv="Content-Language" content="gb2312" /> <style type="text/css"> body {font:12px tahoma;} acronym,.abbr { cursor: help; border-bottom:dashed 1px #000; } </style> <script type="text/javascript"> function styleAbbr(){ if(isIE){ oldBodyHtml=document.body.innerHTML; reg=/<abbr([^>]*)>([^<]*)</abbr>/ig; newBodyHtml=oldBodyHtml.replace(reg,”<abbr $1>$2</abbr>“); document.body.innerHTML=newBodyHtml; } } window.onload=function(){ styleAbbr(); } isIE=(document.all)?true:false; </script> </head> <body> 关于<abbr title="缩写">缩写</abbr>和<acronym title="首字母缩写">首字母缩写</acronym> </body> </html> 运行代码 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]