IE Overflow Scroll

如何刪除滾動條，但允許在Internet Explorer中滾動？它在FireFox/Chrome/Safari中看起來很好，但它在IE中看起來非常糟糕，基本上不可用。IE Overflow Scroll

這裏是我的CSS：

<style type="text/css"> 
table 
{ 
    display:inline-block; 
    overflow:auto; 
    white-space: nowrap; 
} 
th, td 
{ 
    display:inline-block; 
    height:100px; 
    width:100px; 
    overflow:hidden; 
    white-space: pre-wrap; 
} 
th { 
    text-align: left; 
} 
td { 
    vertical-align: top; 
    padding-top:0px; 
} 
</style>

這是我的表在IE9-11截圖（他們看起來都一樣）：

hideous ie table

它是如此醜陋...

這裏是一個代碼小提琴http://jsfiddle.net/EZM6x/

來源

2014-01-08 Sterling Archer

用你的html連接一個[jsfiddle]（http://jsfiddle.net）。 – Mark

這個表是從數據庫100％動態的，我無法做出準確表示它的小提琴。 –

你嘗試過'overflow：auto'嗎？ – DaniP

找到它工作的IE版本，並使用它。

<!--[if IE]> 
    <meta http-equiv="X-UA-Compatible" content="IE=//put version here"> 
<![endif]-->

來源

2014-01-08 21:29:16 Cam

這種用於IE的工作，但它破壞了它爲Chrome –

試試看。 IT應該只能在IE中工作。 – Cam

當CSS在所有瀏覽器中都不起作用時，它一直在那裏。克里斯Coyier寫這個，它會有所幫助，但要非常小心，不要掛在黑客上解決所有問題。 http://css-tricks.com/how-to-create-an-ie-only-stylesheet/ – Cam

我會完全禁用滾動條，並添加一個jQuery事件並使用animate或scrollTop函數來實現結果。

或者您也可以使用滾動條插件，像tinyscrollbar和滾動條的CSS設置爲display:none

如果你不能使用jquery，你仍然可以排列在彼此上方的滾動區域隱藏滾動條。

來源

2014-01-08 21:15:19

我寧願保留這個CSS，這就是爲什麼我沒有標記jQuery。 –

然後，我建議您將div對齊，以隱藏滾動條。 –

你是怎麼做到的？ –

IE Overflow Scroll

回答

相關問題