显示GIF格式图片遇到的问题

   
     

    
      mtd.innerHTML 
    
      =
    
       
    
      "默认
    
      "
    
       
    
      +
    
       
    
      "
    
      <a href='#' 
    
      onclick=\"javascript:alert('123')
    
      ;\"><img src=\"icon_dialog_close.gif\"></img></a>
    
      "
    
      ;
 
   
     

上面的JS主要是用来设置页面中某个TD(即代码中mtd)的HTML，其中图片为icon_dialog_close.gif，但是问题出来了：

   该图片是一个“大叉”，但是莫名其妙外面有蓝色的框，开始以为是IE版本的问题，但是在IE6,7,8下测试都出来此问题。

之后尝试了利用背景显示该图片：

   
     

    
      mtd.innerHTML 
    
      =
    
       
    
      "
    
      默认
    
      "
    
       
    
      +
    
       
    
      "
    
      <a href='#' style='width:16px;height:16px;background-image:url(
    
      icon_dialog_close.gif);' onclick=\"javascript:alert('123')
    
      ;\"></a>
    
      "
    
      ;
   
     

运行之后，OK！未出现蓝色框框，于是猜想可能是GIF图片格式的原因，不能用<img src>的形式，要通过background-image来显示。