滾動條出現在滾動框，但在IE 8

http://jsfiddle.net/m7t9b/滾動條出現在滾動框，但在IE 8

<div style="width:625px;height:220px;overflow-y:hidden;overflow-x:scroll;z-index:10;"> 
       <table width="1000" height="114" border="1"> 
         <tr> 
         <td width="126"><blockquote> 
          <blockquote> 
          <blockquote> 
           <p>&nbsp;&nbsp;<a href="http://mrsbagerismath.weebly.com/"><img border="0" width="100" height="111" src="images/ahmed.png" alt="Mr. Ahmed" /></a>&nbsp;&nbsp;&nbsp;<br /> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Mr. Ahmed&nbsp;&nbsp;<br /> 
           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Ext. 13417<br /> 
           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Room 417/323<br /> 
           <a href="mailto:[email protected]">[email protected]</a></p> 
          </blockquote> 
          </blockquote> 
         </blockquote></td> 
         <td width="126"><p><img width="100" height="111" src="images/teachers_clip_image002.jpg" alt="Mrs. Bageris " /><br /> 
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Mrs. Bageris<br /> 
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Ext. 13226<br /> 
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Room 226<br /> 
    <a href="mailto:[email protected]">[email protected]</a></p></td> 
         <td width="126"><p><a href="http://dkudra.weebly.com/" target="_blank"><img border="0" width="100" height="111" src="images/cetkovic.png" alt="Ms. Kudra" /></a><br /> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Mr. Cetkovic<br /> 
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Ext. 13305<br /> 
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Room 305<br /> 
    <a href="mailto:[email protected]">[email protected]</a></p></td> 
         <td width="126"><p><a href="http://yassowarrenmott.weebly.com/" target="_blank"><img border="0" width="100" height="111" src="images/teachers_clip_image002_0004.jpg" alt="Mrs. Kudra" /></a><br /> 
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Mrs. Kudra<br /> 
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Ext. 13225<br /> 
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Room 225<br /> 
    <a href="mailto:[email protected]">[email protected]</a></p></td> 
         <td width="126"><p><img width="100" height="111" src="images/teachers_clip_image002_0006.jpg" alt="Mr. Sagman" /><br /> 
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Mr. Sagman<br /> 
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Ext. 13420<br /> 
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Room 420<br /> 
    <a href="mailto:[email protected]">[email protected]</a></p></td> 
    <td width="126"><p><img width="100" height="111" src="images/yasso.jpg" alt="Mr. Yasso" /><br /> 
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Mr. Yasso<br /> 
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Ext. 13418<br /> 
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Room 418<br /> 
    <a href="mailto:[email protected]">[email protected]</a></p></td> 
         </tr> 
        </table> 
        </div>

不能用它來代替，當我拖動滾動條，它下面的文本被高亮顯示滾動的。我如何解決這個問題在IE 8中？

使用小提琴，看整個代碼。

來源

2013-01-15 Olivia Dahl

題外話，但是......你不應該需要這麼多的。我看到你用它們來中心文本;這不是這樣做的方式！你應該使用CSS的_text-align_屬性來做到這一點。在HTML標籤內部設置元素的寬度和高度應該用CSS代替。如果你訪問[W3Schools的（http://www.w3schools.com）上有讓您開始使用各種主題的優秀導遊員。 –

使用此代碼在您的樣式表，

-ms-overflow:auto;

可能它會幫助你...

祝您好運！

來源

2013-01-15 15:48:36 Venkat

滾動條出現在滾動框，但在IE 8

回答

相關問題