2012-09-07 24 views
0

我讀this回答給另一個這樣的問題,這正是我需要的。正如答案中所述,儘管在IE7中看起來很糟糕。我希望它在IE7中看起來不錯。第一列不需要在IE < = 7中修復,但表格(和第一列)應該是可讀的。固定在桌子上,並防止它在IE7中看起來不好看吧

有沒有人有任何想法如何隱藏在IE7的CSS的一些部分,所以它看起來像一個普通的表?如果是這樣,你可以隨時叉http://jsfiddle.net/emn13/YMvk9/給我:)

回答

0

你可以寫一個單獨的stylsheet用於IE使用:

<!--[if IE]> 
    <link href="/style/ie.css" type="text/css" rel="Stylesheet" /> 
<![endif]--> 

<!--[if !IE]> 
    <link href="/style/core.css" type="text/css" rel="Stylesheet" /> 
<![endif]--> 

這將迫使IE指定要使用的規則在ie.css,所以你可以給它你想要的規則。這也會隱藏IE瀏覽器中Google Chrome和Firefox中使用的其他部分。

第二個樣式表僅在瀏覽器爲而不是 IE時使用,因此如果Chrome和Firefox中的所有內容都正確顯示,則可以不改變這些規則。然後將你需要的規則複製到它的樣式表中。

最好的做法是編寫CSS,使其在所有瀏覽器中都顯示相同,但​​是這樣做不會讓人感到沮喪!

希望這有助於

參考:http://www.quirksmode.org/css/condcom.html

+0

第二個(我需要的)不起作用。你確定語法正確嗎? – Fortega

+0

@Fortega我已經添加了一個參考鏈接到答案。我的壞,它看起來像我在那裏犯了一個錯誤,我糾正 – Ortund

-1

我固定的問題和附加文件http://jsfiddle.net/fJJvG/2/。有一件事,你必須從http://jquery.com/下載jquery插件並放入你的頭文件。那麼你會得到結果。

+0

這不適用於Firefox。第一列不再固定,我看到奇怪的跡象(}); //]]>)。選擇JQuery(在左邊)沒有什麼區別。 – Fortega

相關問題