Javascript IE中的不透明问题

我有一个简单的href，它调用一个javascript函数，使div隐藏并显示另一个div。然后我使用javascript来实现一些不错的淡入效果。它在Firefox和chrome中运行良好。在IE上，我必须使用宽度：100%才能工作。虽然现在可以用了，但它完全破坏了我的字体。代码如下：

Javascript:

function switch() 
{


if(document.getElementById("div1").style.visibility == "visible")
 {
  document.getElementById("div1").style.visibility = "hidden";
  document.getElementById("div1").style.display = "none";
  document.getElementById("div2").style.visibility = "visible";
  document.getElementById("div2").style.display = "block";  
  initfade('div2');
 }
 else
 {
  document.getElementById("div2").style.visibility = "hidden";
  document.getElementById("div2").style.display = "none";
  document.getElementById("div1").style.visibility = "visible";
  document.getElementById("div1").style.display = "block";   
  initfade('div1');
 }
 }

function initfade(img) {

   imageId = img;
   image = document.getElementById(imageId);
   setOpacity(image, 0);
   image.style.visibility = 'visible';
   fadeIn(imageId,0);
 }
 function setOpacity(obj, opacity) {
   opacity = (opacity == 100)?99.999:opacity;

   // IE/Win
   obj.style.filter = "alpha(opacity="+opacity+")";

   // Safari<1.2, Konqueror
   obj.style.KHTMLOpacity = opacity/100;

   // Older Mozilla and Firefox
   obj.style.MozOpacity = opacity/100;

   // Safari 1.2, newer Firefox and Mozilla, CSS3
   obj.style.opacity = opacity/100;
  }

  function fadeIn(objId,opacity) {
     if (document.getElementById) {
        obj = document.getElementById(objId);
        if (opacity <= 100) {
            setOpacity(obj, opacity);
            opacity += 30;
            window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
         }
         if (opacity > 100) {
      setOpacity(obj, 100);
         }    
      }
   }

<div id="div1" class="theStyle2_visible" style="visibility: visible;">
    <div id="normal" class="normal">
       <p>Example Text</p>
    </div>
</div>
<div id="div2" class="theStyle2" >
    <div id="normal" class="normal">
       <p>Example Text</p>
    </div>
</div>
<a id="switchlink" href="javascript:switch();">Switch</a>

    .theStyle2 { 
 visibility: hidden;
 width: 100%;
 display: none;
 z-index: -1; 
     }
     .theStyle2_visible {
 width: 100%; 
     }
     #normal{
        font: 0.9em  arial;
        font-weight:400;
        line-height: 20px;
 text-align:justify;
     }

我不知道我做错了什么，如何修复它，或者这只是一个bug，但我已经尝试了无数次，但似乎没有任何效果。 有人想帮我吗？ 求你了

谢谢

编辑：此处的实时链接：www.optimizer.pt/fade

---

如果你在firefox和IE上测试它，你就会明白我的意思。我不知道发生了什么…

不确定问题出在哪里，但当你说“破坏我的字体类型”：你能给褪色的元素加背景色吗？这通常会有帮助。

你说的“破坏我的字体类型”是什么意思？你能更详细地解释一下哪里出了问题吗？通过使用jquery和自定义滚动条，我已经解决了IE不知道Alpha是什么的问题。它只是丢失了最初的字体类型和大小。@tr raziel这仍然不是一个真正有用的描述。一个直播链接会很好。我明天会放一个直播链接。我已经试过了，但没用。我也不知道问题出在哪里。真奇怪。那是我也不知道怎么解决它。。。