2013-10-16 89 views
0

我現在正在使用WP網站,並且遇到了一個問題。Wordpress主題在IE中非常奇怪

該網站是在Chrome,火狐,Safari,Opera和IE10工作正常,但在老年版本的IE(如IE9),它看起來非常奇怪。看來我的自定義CSS沒有正確加載。有趣的是,CSS樣式部分應用於網站(圖標字體),但沒有覆蓋基礎框架樣式的樣式。

也許有人可以解釋我,我做錯了什麼,並把我放在正確的方向?

P.S.我不確定這很重要,但我基於我的WP主題Foundation WP theme

預先感謝您!

  • 亞歷
+1

你加載了多少個樣式表文件?較早的IE版本對可以加載到單個頁面的CSS文件的數量有相當嚴格的限制,並且會拋棄任何限制。 (CSS文件中的選擇器數量也有限制)。如果你有很多文件,你應該考慮合併它們。 (無論如何,這將是一個很好的做法,以減少您的網頁加載所需的http請求數量) – Spudley

+0

我計算了7個css文件。其中一些從額外的插件中使用,所以不幸的是我不能將它們合併成一個CSS文件。謝謝你的回答) – Nekto

+0

你指出了我的正確方向。出現這個問題是因爲主要的CSS文件對於IE8和更低版本來說太大了,而且它只是歪曲了我的CSS樣式。我已經將它制動成2個文件,並解決了這個問題:)再次感謝你Spudley! – Nekto

回答

0

的問題,因爲主要的CSS文件是爲IE8過大而降低,它只是croped我的CSS樣式。我已經把它弄壞了成2個文件,這解決了問題:)

謝謝大家誰試圖幫助,特別是對Spudley指向正確的方向!

1

你嘗試過加入這頭標籤標題標籤上方的頂部,以確保IE使用IE中的最高版本

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

也是在觀看時IE瀏覽器是您在檢查(F12)作出檢查確保文檔模式的瀏覽器模式相匹配,所以如果你的檢查IE9 ..你會

瀏覽器模式: IE9

文檔模式: IE9標準

+0

謝謝你回答Johnatan :)我將這一行添加到標題中,但沒有任何變化。是的,瀏覽器模式等於文檔模式。 – Nekto

+0

@Nekto你使用的是什麼操作系統和IE版本? –

+0

我測試過它在IE9,Win7 – Nekto

0

類.dl菜單被使用的代碼:

不透明度:0;

哪個不是很跨瀏覽器。你需要使用幾個版本來更好地支持不透明。

這只是一個點,它看起來像有可能是別人給我,但看看是否改變這可以幫助你。

本節會解釋的跨瀏覽器的不透明度性能好:出現http://css-tricks.com/snippets/css/cross-browser-opacity/

+0

謝謝你的建議歐文,我會解決它。但不幸的是,這無助於解決這個問題。 – Nekto