萬惡的IE6, input hidden 對IMG的影響

 

<input type="hidden" value="1" id="hiddenPageNum">

  <div id="media_tn0" class="media_tn">
              <a id="imageLink0" οnclick="showPhotoByIndex(this.id);return false;" class="current" href="javascript:void(0);"> <img id="topImage0" src="/site/servlet/linkableblob/education/480/data.jpg"> </a>
            </div>
 
        <!-- if only one page -->
 <!-- if there are more pages than one -->
  <div id="media_tn1" class="media_tn">
              <a id="imageLink1" οnclick="showPhotoByIndex(this.id);return false;" href="javascript:void(0);"> <img id="topImage1" src="/site/servlet/linkableblob/education/484/data.jpg"> </a>
            </div>
     <!-- if only one page --> 
  
    <!-- if there are more pages than one -->
   <div id="media_tn2" class="media_tn">
              <a id="imageLink2" οnclick="showPhotoByIndex(this.id);return false;" href="javascript:void(0);"> <img id="topImage2" src="/site/servlet/linkableblob/education/362/data.jpg"> </a>
            </div>
 
    
</div>

 

注意最上面的一個INPUT HIDDEN,它就是罪惡之源 , 如果沒有它,IE6 IE7 IE8 FF 等多會很正常顯示,這一行圖片,

但是加上它, IE6就會發瘋, 把圖片搞錯位.  哎.... 搞了一半天,終於逮到它了!!