從IE9打印出來的隱藏列

在我們的應用程序中，我們有一個webGrid，其中沒有顯示參考列。該列通過css隱藏，這對所有主流瀏覽器都適用。在打印時，隱藏列在我們的print.css中與在main.css中一樣，通過IE8隱藏在Chrome，Firefox和IE中，但出現在IE9中。從IE9打印出來的隱藏列

更令人討厭的是，使用開發人員工具，如果將瀏覽器模式和文檔模式切換到IE8，打印工作，然後切換回IE9，打印輸出將正確隱藏列。這種正確的行爲一直持續到我徹底關閉IE。我知道它已經切換回IE9模式，不過因爲格式在版本之間略有改變。因此，出於某種原因，預期行爲僅在從舊模式切換回IE9模式後才顯示。

下面是我使用隱藏的列的CSS（這是第11列中的WebGrid）：

#gridRequestManagement table tr th + th + th + th + th + th + th + th + th + th + th 
{ 
    width:0 !important; 
    display:none !important; 
}

任何人有什麼是怎麼回事有何看法？

在此先感謝！

2013-09-24 Belizzle

爲什麼不使用'#gridRequestManagement表tr th：nth-child（11）'？ –

你沒有隱藏一個專欄，你隱藏了一個帶有這個「CSS」的單元格 – Evgeny

@BramVanroy我不是一個真正的UI人員，也不是寫這個的人，我只是一個試圖修復缺陷，但是你所建議的不是除了清晰的語法正確之外的任何東西嗎？ – Belizzle

這實際上是不可能以上述方式解決的，而且似乎其他人已經找到相同的問題並得出相同的結論。要解決該問題，我們刪除了Webgrid的最後一列，並將該列中的值作爲另一列上的隱藏值添加以供參考。這是我們能夠讓網格在IE9中表現一致的唯一方式。

2013-10-18 17:07:06 Belizzle

回答